Every article tagged React 19, in one place.
Showing 5 articles
React 19 is mostly about making async work, especially forms and data mutations, simpler. Here are the features you'll use most, with short examples. Actions An Action is an async function used in a transition. React tracks its pending state, errors and optimi...
Before React 19, a form needed state for values, errors, loading and the response. useActionState folds most of that into one hook. The signature const [state, formAction, isPending] = useActionState(actionFn, initialState); // actionFn(previousState, formData...
When a user likes a post or sends a message, waiting for the server before updating the screen feels sluggish. Optimistic UI shows the result immediately and corrects it if the request fails. The hook const [optimisticState, addOptimistic] = useOptimistic(actu...
use is a React API that reads the value of a resource : a promise or a context. It's unusual because you can call it inside conditions and loops. Reading a promise When the promise is pending, the component suspends and the nearest <Suspense> boundary shows it...
Passing a ref to a custom component used to require wrapping it in forwardRef . In React 19, function components simply receive ref as a prop. Before and after // React 18 const Input = forwardRef(function Input(props, ref) { return <input ref={ref} className=...
