React 19

React 19 is a major release that introduces server-first architecture, new hooks, and automatic optimizations. Here is the quick-reference checklist of what shi

Learn how Server Components in React 19 render on the server, reducing client-side JavaScript and enabling direct data access.

Run server-side mutations -- database writes, uploads, emails -- directly from components without building API routes.

Handle form submissions with React's action prop. Learn to use useActionState and useFormStatus for built-in pending and error states.

Learn to use React's use() hook to read promises and conditionally access context values, even within conditional logic and loops.

Learn to use useOptimistic in React 19 to instantly update UI during async operations like form submissions, improving user experience.

Learn how React 19 allows passing refs as regular props to function components, eliminating the need for forwardRef in your applications.

Set page titles, descriptions, and other head tags directly from React components. Learn to manage document metadata without react-helmet.

Preload stylesheets, scripts, fonts, and other resources before React renders to speed up initial load and navigation.

Automatically optimize re-renders with the React Compiler, replacing most manual useMemo, useCallback, and React.memo.

Learn 25 essential React 19 best practices, including installing @types/react 19, using Context directly, and handling async Server Components.

A single-page roundup of every highlight bullet from the 11 pages in the React 19 section, grouped by source page so you can scan all 66 takeaways without opening each article individually.