How to Avoid Unnecessary Re-rendering in React — React components have evolved a long way from their inception. Still, many developers find it hard to fix unnecessary re-renderings. However, there are many approaches out there to avoid this issue. In this article, I will discuss 5 methods to avoid unnecessary re-renderings in React components. 1. Memoization using useMemo() and UseCallback() Hooks

Using the Saga pattern in Microservice transactions — Using the microservices architecture has many benefits. It has become the norm for many large-scale applications. However, Microservices also comes with several challenges. One such challenge is handling transactions that span across multiple services. So, in this article, I will discuss how we can overcome this by using Saga Pattern. Why We Need Saga Pattern?

JavaScript Object.freeze() vs Object.seal() — Object immutability is an important concept in any programming language. It restricts object modifications and prevents unwanted changes. In this article, I will discuss how we can implement object immutability in JavaScript using freeze() and seal() methods. Need of Object Immutability in JavaScript Before discussing freeze() and seal() methods, let’s discuss object immutability in JavaScript a…

How to use Cascade Layers in CSS — Cascade layers are the latest addition to CSS. They allow developers to control the specificity and the source order across multiple CSS files. As a result, developers can minimize the CSS collisions and avoid unexpected style changes in their applications. In this article, let’s better understand how CSS collisions can…

An introduction to Remix JS and Remix features. How to build an app with Remix. How to use in-built route loading and nested routes — Remix is a recently introduced open-source React framework. It supports server-side rendering and allows to create both front-end and back-end through a single Remix application. As a web developer, I found it very interesting and gave it a try. So in this article, I will introduce Remix, reveal some of…

A Modern React Router with Async Routing and More Features — React Location is a recently launched alternative library for React Router. As a React developer, I found it very interesting since it brings a new perspective to React routing. In this article, I will discuss the features of React Location and compare it with React Router to give you a…