React in 2024: Exploring the New Stuff
summary
React 19 RC adds react server components, actions, and new hooks so server-rendered HTML can ship with no client-side fetch state, heavy libs (date formatting) stay server-only, and Suspense handles loading. A Next.js demo shows optimistic UI via use optimistic that auto-reverts on server errors, form submission via use server actions and use action state which reset forms and expose pending state, and a mostly working app with one demo hiccup noted. Claims: far fewer useEffect/useState patterns and smaller client bundles.
AI-written summary · about
chapters (6)
- 0:00Introduction and React history
- 10:58Evolution of data fetching in React
- 21:08Optimistic UI with use optimistic
- 30:17React 19 actions and forms
- 41:53React 19 new features overview
- 56:41React 19 resources and closing
related talks
13mReact Actions and JSX Improvements
20mWhat's new in React 19
45mReact Server Components: A New Way to Build Fast and Interactive Web Apps
03mReact 19 Overview
30mReact Unpacked A Roadmap to React 19
54mReact Server Components: A New Way to Build Fast and Interactive Web Apps
17mState of React 2022
33mServer Components are React's superweapon in the Stack Wars