What's New in React 19 and What It Means for Developers

Overview

Explore the upcoming features and improvements in React 19 through this informative 40-minute video featuring Dev Agrawal, a software developer and React expert. Dive into key innovations like the React Compiler for automated performance optimization, Server Components for faster initial page loads, and new concepts such as Actions and Transitions. Learn about the practical applications of these features, their impact on development practices, and the reasoning behind their introduction. Gain insights into the release timeline, how to experiment with the release candidate, and where to find additional resources for mastering React 19. Understand the evolving nature of React and how these changes position it in the broader context of web development technologies.

Syllabus

Can we use React 19 already?
Is React Canary the same as React 19 RC?
When does React 19 come out?
React Compiler is the biggest feature of React 19. What does it do?
There is a performance cost associated with memoizing
How does the React compiler help with memoization?
Could you manually accomplish what the Compiler does automatically?
How do you use the React Compiler?
You need to abide by the React rules for the Compiler to work properly
Is React a library or a language?
Transpilers vs compilers
What are Actions?
What are React Transitions?
Server Actions vs Client Actions
New hoks: useFormState, useFormStatus
New features are a big departure from how we use React today
Where to learn more about React 19