🥳What’s New in React 18?

New Feature: Automatic Batching

Running

"Batching is when React groups multiple state updates into a single re-render for better performance"

New Feature: Transitions

A transition is a new concept in React to distinguish between urgent and non-urgent updates.

Arrow

Urgent updates reflect direct interaction, like typing, clicking, pressing, and so on. Transition updates transition the UI from one view to another.

New Suspense Features

Suspense lets you declaratively specify the loading state for a part of the component tree if it’s not yet ready to be displayed:

New Client and Server Rendering APIs

In this release we took the opportunity to redesign the APIs we expose for rendering on the client and server.

New Hooks

useId useTransition useDeferredValue useSyncExternalStore useInsertionEffect

Read More