Exploring Server Actions and Web Components in React 19

3min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

Exploring the integration of server actions in React 19 for tasks like payment processing and validation, alongside the advantages of utilizing web components to build versatile design systems.

Scott and Wes serve up all the deets on the latest React 19 update, exploring new features like actions, web components, use()API, and document metadata. Stay tuned as they discuss the ins and outs of upgrading to React 19 and what it means for your projects.

Show Notes

00:00 Welcome to Syntax!
01:30 Brought to you by Sentry.io.
02:03 What’s in the update?
React 19 Beta Release Notes.
- 03:03 Actions + server actions.
  - Syntax Episode 766.
  - 04:54 Using server actions for a checkout.
- 06:11 Web components.
  - Custom Elements Everywhere.
- 09:44 use() API.
  - 10:31 With promises.
  - 14:25 With context.
  - 17:32 How does Zustand work?
    - Stately.ai.
    - X @DavidKPiano.
- 18:26 No more ForwardRef.
- 20:05 Ref cleanup.
- 20:43 Document metadata.
24:14 Upgrading to React 19.