• Angular - Frontend - React - Web Development

    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…

  • Angular - Coding - Frontend - Web Development

    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: The hub, as described before, acts as the communication centre. Here’s…

  • C# - Coding - Frontend - React - Web Development

    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…

  • Angular - Coding - Frontend - Web Development

    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…

  • Frontend - React

    NextJS: Frontend Sneaking into Backend

    As web-based applications become more sophisticated, frontend and backend lines gets blur. One such example of this change is NextJS. NextJS is a framework that enables React applications to render on the server side. But it isn’t just that. It pushes React into territories that it wasn’t initially designed for, filling in gaps and streamlining the development process. React and NextJS – A Beautiful TangoReact, as many know, is a JavaScript library built to create user interfaces. It does this primarily on the client side. While it’s incredible at this, it left a void when it comes to server-side rendering.…