About a month ago React 18 got announced, with these new features:
- Automatic batching — React will now better batch state updates no matter what the context. If you do want to force an update, wrap your state change inside
ReactDOM.flushSync()
- Transitions — A new hook named
useTransition()
to tell your app which updates are urgent and which are not. Dmitri Pavlutin has more details on this for you to read. - New Suspense SSR Architecture — Streaming HTML & Selective Hydration which improve the TTI.
In the video above, Arnaud carefully lays out what all these features are and how to use them.