Azure Active Directory Login with React, with C# or Java Backend

Keeping things secure is the important part of any application. As entire internet going to cloud, Azure Active Directory (AD) is one of the best possible among one of two popular options. It helps manage who can use your app and what they can do. Let's see how to set up Azure AD for a C# and Java Spring Boot backend, and a React frontend to make sure only the right people get in. First, go to the Azure portal and make a new Azure AD tenant if you don't have one yet. Then, register your app in Azure AD.…

Read More

Unlock Faster Performance: Advanced Caching Tactics for .NET Core

In software development performance optimization is a crucial topic that cannot be undermined. One of the most effective ways to improve the performance is caching. However, caching is a double edged sword we need to very careful about when and how to use caching. So, we need to use right strategy in right place. Caching can be implemented at different levels, including memory, network, and CDN (Content Delivery Network) levels. Each level has a unique purpose and is suitable for different use cases. In this post, we will focus on memory-level caching which is simply storing the data in the…

Read More

PHP: The All Times Survivor

Whenever a major improvement happens in web technology, whenever a new framework or a language is introduced in the web development market, PHP's death is declared immediately. I have been witnessing a recent popular belief that PHP is nearing its end due to NodeJS becoming the new "darling" of the developer community. To me, this belief is a naive statement comes from lack of knowledge on the history of programming languages since the story of PHP is the greatest survival story of the entire computer science history. Over the years, many people have declared the death of PHP against a…

Read More

React vs. Angular: Choosing the Right Framework in 2024

"Angular or React?" has been one of the most important questions in software development for the last decade. As a developer who had worked in full-stack fashion for a long time myself, my story of frontend started with Angular but had slightly moved towards React. Since I have actively participated projects in both, I wanted to write a comprehensive comparison between these two. Let's explore the key aspects of each framework to help you make a decision, if you need to. Brief Overview: Developed and maintained by Facebook, React is a component-based library that deals mainly with the view layer…

Read More

Using SignalR with Angular

In a previous blog post, we discussed how to create real-time web applications using SignalR and React. If you have already gone through that, you would know the magic of SignalR in pushing instant updates, allowing users to receive data in real-time. In this post, we're going to apply the same concept but with Angular. Setting Up the Server with SignalR Just as a quick refresher, SignalR provides an easy method to communicate between the server and the client in real-time. We start by installing the appropriate NuGet package: Install-Package Microsoft.AspNet.SignalR The hub, as described before, acts as the communication…

Read More

Using SignalR with React

Recently, I had the opportunity to work on a project where React and SignalR were integrated. This experience was quite insightful, and I am eager to share my learnings about this effective combination. SignalR is a library provided by Microsoft, designed to add real-time functionality to web applications. This means that applications can automatically push content to connected clients without them requesting it. Imagine a chat app where messages pop up instantly, or a stock monitoring tool where data refreshes in real time SignalR would be a good choice. Combining SignalR with React offers a dynamic platform for real-time web…

Read More

Two-Way Data Binding in Angular: Its Pros and Cons

Two-way data binding is one of the most distinctive features of Angular but what does it require, and what are the benefits and drawbacks associated with it? Let's dive into it. When you hear "two-way data binding", picture a bridge with traffic flowing in both directions. In an Angular application, this means that any changes to the model are instantly reflected in the view and vice versa. This can be a game-changer as it reduces the amount of boilerplate code developers have to write to maintain synchronization between the UI and data. For instance, consider a simple example where we…

Read More

Redux vs. useContext: Navigating the State Management Maze

Every developer knows that the software engineering isn't just about writing code. It's about creating efficient, maintainable, and scalable systems. A critical part of that journey, especially in React, is the state management. With numerous tools and libraries available, the choices can often be way too much. Two most common players in this arena are Redux and useContext hook which is native to React. Both offer ways to manage global state, but which is right for your project? Let's dive in and understand these tools better. Understanding useContext HookAt its heart, useContext is a React hook introduced in version 16.8…

Read More