Writings on topics that interest
me.
Understanding React’s Render Process: Render Phase, Commit Phase, and Batching Mechanism
React’s rendering model is often described as “declarative,” but behind the scenes, React performs a surprisingly complex sequence of operations to update the UI efficiently. Understanding how React renders, commits changes to the DOM, and batches state updates gives you deep insight into performance, debugging, and how React’s concurrent features (introduced in React 18) actually work. .
Read articePolymorphic Components
One of the first concepts you will encounter is the creation of reusable components. These components allow you to write code once and reuse it many times. The basic building blocks for classic reusable components are props (external data) and state (internal data).
Read articeReact Fiber And Reconciliation
This article discusses React Fiber and Reconciliation, a fundamental algorithms in React.
Read articeReduced DOM Manipulations Using DOM Diffing Algorithm
The Document Object Model (DOM) diffing algorithm, commonly known as the "virtual DOM diffing algorithm," is a method implemented in front-end web development frameworks such as React to promptly update the user interface when the application state changes. .
Read articeTree Shaking And Optimization
Tree shaking is a JavaScript technique, specifically used for bundling and code optimization with tools such as Webpack or Rollup. Its purpose is to remove dead code or unused modules from the final bundled JavaScript file, resulting in a smaller file size and improved web application performance.
Read artice