React
React 18 useSyncExternalStore Hook
React 18's useSyncExternalStore hook safely subscribes to external stores, preventing tearing issues caused by concurrent rendering.Navigation Guide for React Router 6
React Router provides us with an easy-to-use interface for navigation, allowing us to manipulate and subscribe to the browser's history stack.Understanding React SSR Hydration
Hydration is used only with server-side rendering (SSR). It is a process of rendering our components and attaching event handlers.React 18 useId API for Unique IDs
React 18 introduces a new hook API - useId, that generates stable ids during server rendering and hydration to avoid mismatches.What's New in React Router 6 Features
React Router 6 has some amazing features added with improved bundle size.8 Ways to Handle State in React Apps
Sometimes, it is better not to use any external state management tool unless our application is that complex.React DevTools Error Boundary Trigger
A new enhancement in React DevTools provides a toggle error button to test Error Boundaries.Normalizing Redux State for Performance
Normalize Redux state by flattening nested data into separate entities with IDs, enabling simpler reducers and faster lookups.React 18 startTransition API for Better UX
Learn React 18 startTransition API to prioritize urgent vs non-urgent updates. Improve UI responsiveness with concurrent rendering.React 18 Suspense Improvements
React 18 delays committing everything inside the Suspense boundary (the suspended component and all its siblings) until the suspended data resolves.