7 articles
Learn when and how to use Next.js Client Components — handling state, browser APIs, event listeners, and React hooks while minimizing client-side JavaScript.
A comprehensive look at React 19 features including useActionState, useFormStatus, useOptimistic, the React Compiler, and improved ref handling — with practical examples for Next.js 15 applications. For React developers upgrading from React 18.
A comprehensive guide to every React hook — useState, useEffect, useCallback, useMemo, useRef, useTransition, and more — with real-world usage patterns and common mistakes to avoid.
useOptimistic is a React 19 hook that lets you show an immediately updated UI while an async server operation is in progress, then reconcile the real result when it arrives. Learn how to implement it correctly with rollback handling.
React 19 ships dedicated hooks for handling form state and submission status. Learn how useFormStatus, useFormState, and the new useActionState hook simplify form handling in Next.js App Router without complex state management.
Complete guide to React 19 features including Actions, useOptimistic, the use() hook, ref as prop, and improved error handling. Built for developers migrating from React 18.
React Hooks transformed how we write React components. From useState to useEffect to custom hooks — this guide covers every important hook with practical examples you'll actually use in real projects.