React 19 Resources

React 19 Resources.md

React Server Components (RSC)

1. React for Two Computers - Splitting applications between the server and client
   • Shorter Video Format
2. JSX Over The Wire
3. What Does "use client" Do?
4. Progressive JSON - How React achieves out of order streaming
5. React cache() as a tool for async render consistency

Supplementary

4. Functional HTML
5. How Imports Work in RSC
6. How RSC Serializes Promises
7. Parallel and recursive route rendering - How Next.js's App Router avoids server waterfalls
8. RSC Explorer - A playground and visualizer for the RSC protocol
   • GitHub: https://github.com/gaearon/rscexplorer
9. RSC Parser - A tool for exploring and understanding the RSC data format visually
   • GitHub: https://github.com/alvarlagerlof/rsc-parser

Concurrent Rendering

1. An Overview
2. React Rebasing - An edge case in how React orders state updates with transitions
3. {transitions} = f(state)

Performance

1. React Closures and Memory Leaks
   • Optional follow-up - React Compiler won't save you from memory leaks
2. The Useless useCallback

Patterns

1. Ref Callbacks, React 19 and the Compiler

Videos

1. useActionState - async useReducer
2. Out-of-order streaming in React
3. Handling RSC Errors in Next.js
4. React cache() as a performance optimization utility
5. Optional: Why you can't set cookies in Server Components

Walkthroughs

1. Building Design Components with Async React
2. Server and Client Component Composition