Scribd
Upload
166 views

React 19 Cheat Sheet

Uploaded by

guptafinancewisdom
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
166 views

React 19 Cheat Sheet

Uploaded by

guptafinancewisdom
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

React 19 Cheat Sheet by Kent C.

Dodds
EpicReact.dev

React Server Components 'use client' Better Error Reporting


Server-rendered components that execute at build time or per request. Marks code that can be referenced by the server component and can Automatically de-duplicates errors, and introduces onCaughtError

use client-side React features. and onUncaughtError handlers for root components.

'use server'
Marks server-side functions callable from client-side code.

use
Reads resources like promises or context during render, allowing for
Actions
conditional use.
Async functions that handle form submission, error states, and
optimistic updates automatically.

Ref Callback Cleanup


useActionState Document Metadata Support Ref callbacks can now return a cleanup function.
Manages form state, providing degraded experiences when JavaScript Automatically hoists <title>, <meta>, and <link> tags to the
is unavailable. <head>.

Streamlined Context API


Use <Context> directly instead of <Context.Provider>.

useFormStatus Stylesheets with Precedence


Access the status of a parent form without prop drilling. Support for inserting stylesheets with precedence in concurrent
rendering environments.
useDeferredValue Initial Value

The useDeferredValue hook now supports an initial value.

useOptimistic
Show optimistic state while async requests are in progress.

Hydration Error Diffs


Resource Preloading APIs
Improved error logging for hydration errors, providing a detailed diff
Preload resources like fonts, scripts, and styles to optimize when mismatches occur.
Async Script Support
performance.
Render async scripts anywhere in your component tree, with automatic
deduplication.

Custom Element Support


Improved Third-Party Script Compatibility
React now fully supports custom elements and handles properties/
Unexpected tags in <head> and <body> are skipped during hydration, ref as a Prop
attributes consistently.
avoiding mismatch errors. Pass refs directly as props in function components.

You might also like