React 19 new hooks in Next.js App Router: what actually changed for me

Short summary

React 19 introduces three hooks that fundamentally simplify form and async UI patterns in Next.js: useActionState consolidates state and Server Actions (no manual useState/useTransition), useFormStatus lets child components read form pending state without prop drilling, and use() allows Server Components to pass promises to Client Components with Suspense. The practical result is less boilerplate, clearer server-client boundaries, and more genuinely reusable components.

• •useActionState consolidates form state and Server Action handling, eliminating manual useState/useTransition boilerplate
• •useFormStatus lets child components read parent form's pending state via context without prop drilling
• •use() enables Server Components to pass promises to Client Components with Suspense, replacing some useEffect data-fetching patterns

Generated with AI, which can make mistakes.