Prateek Surana

When it comes to building web applications, React has been at the forefront for a while now, and its adoption continues to grow. Among the most common approaches to building web applications with React, Next.js stands out as one of the most preferred options. Next.js has also been in the limelight since last year when they released their biggest update to the framework ever with the app router. This introduces a new routing architecture that uses nested layouts and is closely integrated with React Server...

React is a powerful UI library that provides developers with a great developer experience (DX) through its declarative approach to building user interfaces. This approach abstracts away the complexity of manipulating DOM nodes, making it easier to build UIs. However, there are times when you need to access the DOM nodes managed by React, such as when you need to focus a node or measure its size. Unfortunately, there is no built-in way to do this with React. This is where refs come in. The useRef API prov...

The popularity of React as a UI building library has only been growing and rather accelerating over the past few years. At the time of writing this article, it has 14 million+ weekly npm downloads, which I know isn’t a correct measure for the popularity of a library, but the React Devtools chrome extension alone also has more than 3 million weekly active users. However, the rendering patterns in React have almost been the same until React 18. So in this article, we’ll be looking at React's current render...