In my previous blog, we discussed about the different rendering strategies. Next, we will be discussing about how server and client components work in Next.js. Let’s dive into it. How do Server and Client Components Work? On the server On the server,...
We talked about Request Memoization (put the link here) in the last blog. I want to talk about the various rendering strategies that Next.js provides. Before that, there’s something that you would want to know which is that Next.js renders pages and ...
I’ve been using Next.js for about two years, and it still amazes me both how elegant the framework is and how much it streamlines development. It wasn’t always straightforward—until I dove in, spent countless nights learning how caching and rendering...
Introduction Have you ever created a form with multiple input elements and had a problem coming up with unique ids to assign each of them? The useId hook can sort that issue out for you. Let's dive in and see what it is all about. The useId Hook Let ...
Introduction useImperativeHandle is one of those hooks that developers don't usually use but it has its rare use cases that we will go through in this blog and try to understand how it is used. The useImperativeHandle Hook If you have been working wi...
Introduction While generally, developers know about the commonly used react hooks like useEffect, useState, etc. useDebugValue is something that is not known to most developers but it proves to be a very useful hook when it comes to debugging errors....
Introduction We all know about the useEffect. Let us look at a new hook called "useLayoutEffect" which works strikingly similar to the useEffect hook but with a minor difference. The "useLayoutEffect" hook useLayoutEffect is the same as the useEffect...
Introduction In the last two blogs, I explained everything about the most important but lesser-used hooks for performance improvement of the application. In this blog, I am going to talk about the commonly used React hooks that you will find in every...
Introduction In my last blog, I explained about the useMemo, useCallback, React.memo. Now, we will see the use of useReducer, useTransition, and useDeferredValue. Before useReducer came along, the only way to manage complex state transition was to us...