Syntax - Tasty Web Development Treats

768: React 19 is here!

14 snips
May 13, 2024
Dive into the latest React 19 update, packed with exciting new features! Discover how actions and server actions enhance data handling, especially in checkout processes. The hosts eagerly explore the use() API, simplifying promises and context. Unpack the advantages of embracing client-side web components, and get insights on the seamless upgrade from React 18 to 19. Learn about the evolution of React's error handling and loading states, and what it means for developers moving forward!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
INSIGHT

React 19 Features

  • React 19 introduces actions, web components, a use() API, and document metadata.
  • These features aim to improve developer experience and component reusability.
ADVICE

Upgrading to React 19

  • Upgrade to React 18.3 to receive warnings about deprecated features like string refs, propTypes, and default props for function components.
  • This helps prepare for a smoother transition to React 19.
ANECDOTE

Server Actions in Practice

  • Wes Bos shares his experience using server actions for his checkout rewrite.
  • He highlights the ease of importing server-side functions directly into client-side code.
Get the Snipd Podcast app to discover more snips from this episode
Get the app