React

React hooks, rendering performance, and component patterns.

6 articles

• Fix Hydration Failed Errors in Next.js

  Fix Next.js hydration mismatch errors by matching server and first client output, debugging dates, storage, invalid HTML, CSS, CDN, and production-only changes.

  July 28, 2026

• React 19 Features for Interviews: Actions, use(), the Compiler, useOptimistic & ref-as-prop

  The React 19 features interviewers actually ask about — Actions with useActionState/useFormStatus, the use() hook, the React Compiler's automatic memoization, useOptimistic, ref as a prop (no more forwardRef), and native document metadata — with correct, runnable code.

  March 20, 2024

• Debouncing in React 19: Correct Hooks, useDeferredValue, and Cancelling Stale Requests

  How to debounce user input in React 19 the right way — a correct reusable useDebouncedValue hook, when to reach for useDeferredValue/useTransition instead, and how to cancel stale in-flight requests with AbortController.

  March 20, 2024

• Two-Way Binding in React: A Typed useBind Hook (and When to Use React 19 Actions Instead)

  React has no built-in two-way binding like Angular's ngModel. Build a correct, fully-typed useBind hook that handles text, number and checkbox inputs — and learn when uncontrolled inputs or React 19 form Actions are the better choice.

  December 18, 2023

• Creating a Custom Alert in React with TypeScript

  Here's a custom alert component without using any external libraries, just using React and TypeScript.

  July 25, 2023

• Building a Custom React Accordion Inspired by Material-UI

  Creating a custom accordion that looks similar to the Material UI (MUI) Accordion can be achieved by adapting the styles to match the Material-UI design.

  July 24, 2023

Other topics