Series
React Context Overview React Context is a built-in API for lightweight global state sharing. It’s ideal for passing data like themes, authentication, and language preferences down the component tree without manual prop drilling. Best Use Cases Stati...
In React, when a parent component is updated, all of its child components will be rerendered even if the props are the same. It’s generally fine for simple components, but for those that perform expensive operations, there’s a performance gain in ens...
Last week, I attended the live workshop Build a Full-Stack Next.js App v4 by Brian Holt on Frontend Masters. It was an incredible deep dive into building production-grade applications from scratch to deployment. Here is the note I took on crafting a ...
React Server Components (RSCs) are a new component type introduced in React 18 and stabilized in React 19. Next.js picked it up right after it came out, and it has been production-ready since v13. RSCs run exclusively on the server, generate HTML out...
From Redux to MST If you're like me, coming from the Redux world, you'll soon find yourself missing the Redux DevTools. Being able to see your entire store at any moment, with time-travel debugging and a clear action log, is incredibly powerful. But ...
Despite its name and reputation as a "data-fetching library," React Query doesn't actually fetch anything. It's a common misconception that needs clearing up. What React Query Really Is React Query is data-fetching agnostic. It's purely a caching and...
