Everything you need to know about React 18

on YouTube ↗22m

" summary

React 18 ships concurrency as a foundation and specific features: automatic batching now groups state updates across promises and timeouts, and createRoot / hydrateRoot replace reactdom.render so new behavior is opt in. New primitives include useTransition and useId and renderToString is deprecated in favor of renderToPipeableStream or readable streams. StrictMode becomes stricter, flushSync exists to opt out of batching, and most apps upgrade by switching to createRoot and enabling concurrent features gradually.

AI-written summary · about

" chapters (9)

1. 0:00Introduction and welcome
2. 3:21Updating to React 18
3. 6:53New features in React 18
4. 7:34Automatic batching explained
5. 10:42Concurrent React features
6. 13:10Transitions in React
7. 16:17Suspense on the server
8. 18:41Codebase impact and migration
9. 20:46Summary and closing

" related talks

• 16mAn overview of React 18 featuresTereza Vaňková, Břetislav Proft · WebExpo 2022
• 19mAll About React 18Aashima Ahuja · JSworld Conference 2023
• 46mReact 18 Concurrency, ExplainedIvan Akulov · performance.now() 2022
• 20mWhat's new in React 19Lydia Hallie · React Conf 2024
• 26mReact, the future & youJenn Creighton · NationJS React 2018
• 49mReact Concurrency: Is It Really That Good?Dmitriy Grosh · HolyJS 2023 Spring
• 03mReact 19 OverviewJoe Savona · React Conf 2024
• 07mComing in React18: startTransitionKathryn Grayson Nanz · React Advanced 2021