All About React 18
summary
Claims that React 18 enables automatic batching even across async boundaries, introduces concurrency that can pause or abandon renders, and adds hooks like useId, useTransition and useDeferredValue. Demonstration filters 5,000 items on the client, wrapping the heavy setFilteredItems in startTransition to keep input instant while the list updates and shows a loader. Suspense now supports streaming HTML and selective hydration and server components aim to shrink client bundles and offload rendering to the server.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 0:46React 18 new features
- 1:32Automatic batching
- 3:17useId hook
- 5:46Concurrency in React
- 7:10useTransition for performance
- 10:45useDeferredValue updates
- 13:36Suspense for lazy loading
- 16:05Suspense with server-side rendering
- 18:33Closing and resources
