Components in React

React, a JavaScript library for building user interfaces, relies heavily on the concepts of components and props to create modular and reusable code. Let’s explore these fundamental concepts. Components: What is a Component? In React, a component is a self-contained, reusable building block that encapsulates a piece of the user interface and its behavior. Components…


React Hooks Overview

React Hooks were introduced in React 16.8 to allow functional components to use state and lifecycle features that were previously only available in class components. Hooks provide a more direct and concise way to manage state, side effects, and other React features within functional components. Key Concept State Hook (useState): useState allows functional components to…


SSR, CSR, and Progressive Rendering

In this post, I will be covering different types of rendering. To understand rendering and its pros and cons. We must know when a user lands on a page. The page is visible when the HTML is rendered. The page becomes interactive when javascript execution is complete. Server-Side Rendering In Server Side Rendering, the HTML…