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.