React 19 hydration mismatch: why "Text content does not match server-rendered HTML"
The three real causes of hydration errors in SSR React apps, how to read React's dev diff, and when suppressHydrationWarning is actually the right call.
← Back to Tags
Posts tagged "react"
17posts
What is shadcn/ui and how to install and use it (with examples)
shadcn/ui isn't a component library like the others: you don't install it, you copy it. How the CLI works, what Radix UI and Tailwind do under the hood, and when it's actually worth using.
React 19: "Cannot update a component while rendering a different component"
What this warning means, the two patterns that trigger it (derived state, callback refs), and how to move the update out of the render phase.
React 19: "Too many re-renders", the infinite loop error explained
Why React throws 'Too many re-renders. React limits the number of renders...' and the two most common causes: setState in the render body and unstable effect dependencies.
"Objects are not valid as a React child": what it means and the three usual causes
Why JSX won't render an object directly, the three real-world cases that trigger it (Date, error objects, Map/Set), and how to fix each one.
React Server Components: what they are and how they change the way you write components
Server Components vs Client Components, the 'use client' and 'use server' directives, what runs where, and how they pair with Suspense and use().
React 19: `use` vs `useContext`, what changes and when to pick each
React 19's new use() API overlaps with useContext but breaks the Rules of Hooks on purpose. Here's how they differ, with examples for context and promises.
React Router: why route.lazy blocks the URL/Outlet swap
route.lazy in React Router blocks the URL/Outlet swap until the chunk is ready: why it happens, and how Component: lazy(...) gets an immediate swap.
React Compiler: the stale UI bug hiding between two components that both look correct
A React Compiler bug where one component bails out of memoization while its sibling silently gets memoized, freezing UI fed by a stable object reference. Root cause and fix.
React Compiler: what changes for anyone writing components today
What the React Compiler actually does, when useMemo and useCallback become unnecessary, and why the Rules of React matter more than before.
React: useActionState and useFormStatus
Let's look at a few examples of how React 19's new useActionState and useFormStatus hooks work
How Error Boundaries work in React, with examples
How Error Boundaries work in React: components that catch errors from their children to improve your app's stability and reliability.
React: event handlers and hooks
How to correctly handle event handlers in React, including events on window like resize and scroll, avoiding the most common mistakes.
Guide to useReducer in React
A practical guide to React's useReducer hook: how it works, when to prefer it over useState, and a complete example for managing complex state.
React: how useContext works (with examples)
How the useContext hook works in React to share data between components without props drilling, with a practical step-by-step example.
React: mistakes to avoid when using hooks
The most common mistakes to avoid when using React hooks: conditional calls, order, nested functions, and how to recognize them.
React: useContext with useState
How to combine useContext and useState in React to share state and its update function between components, with a live example.