Artwork

Content provided by Frontend First, Sam Selikoff, and Ryan Toronto. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Frontend First, Sam Selikoff, and Ryan Toronto or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!

SPAs in React 19

59:34
 
Share
 

Manage episode 428387780 series 1635850
Content provided by Frontend First, Sam Selikoff, and Ryan Toronto. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Frontend First, Sam Selikoff, and Ryan Toronto or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

Sam and Ryan discuss the new features in React 19 that will specifically benefit developers building single-page applications. They talk about how Suspense and Transitions let developers "teach" React about when their apps are in a loading or a pending state, how Client Actions improve upon using events in React 18 to handle data mutations, and how Actions enable React Components to automatically render and discard optimistic updates without any knowledge of the application's data layer. They also discuss several new Hooks like useOptimistic, useFormStatus, useActionState, and useOptimistic.

Timestamps:

  • 0:00 - Intro
  • 2:19 - How SPAs are built in React 18
  • 5:29 - How Suspense made loading a first-class concept in React
  • 7:48 - The problem with data writes in React 18
  • 10:37 - What are Client Actions?
  • 12:05 - What does it look like to use Actions?
  • 14:13 - What are the benefits of Actions?
  • 18:46 - How does React 19 change the Optimistic UI story?
  • 29:40 - Working with Transitions outside of Actions
  • 36:06 - The useActionState Hook
  • 37:51 - Using Transitions to keep the old UI rendered and responsive
  • 41:25 - How Transitions enable better composition patterns in third-party libraries
  • 43:55 - Building a SortableList that flips between being controlled and uncontrolled

Links:

  continue reading

194 episodes

Artwork

SPAs in React 19

Frontend First

212 subscribers

published

iconShare
 
Manage episode 428387780 series 1635850
Content provided by Frontend First, Sam Selikoff, and Ryan Toronto. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Frontend First, Sam Selikoff, and Ryan Toronto or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

Sam and Ryan discuss the new features in React 19 that will specifically benefit developers building single-page applications. They talk about how Suspense and Transitions let developers "teach" React about when their apps are in a loading or a pending state, how Client Actions improve upon using events in React 18 to handle data mutations, and how Actions enable React Components to automatically render and discard optimistic updates without any knowledge of the application's data layer. They also discuss several new Hooks like useOptimistic, useFormStatus, useActionState, and useOptimistic.

Timestamps:

  • 0:00 - Intro
  • 2:19 - How SPAs are built in React 18
  • 5:29 - How Suspense made loading a first-class concept in React
  • 7:48 - The problem with data writes in React 18
  • 10:37 - What are Client Actions?
  • 12:05 - What does it look like to use Actions?
  • 14:13 - What are the benefits of Actions?
  • 18:46 - How does React 19 change the Optimistic UI story?
  • 29:40 - Working with Transitions outside of Actions
  • 36:06 - The useActionState Hook
  • 37:51 - Using Transitions to keep the old UI rendered and responsive
  • 41:25 - How Transitions enable better composition patterns in third-party libraries
  • 43:55 - Building a SortableList that flips between being controlled and uncontrolled

Links:

  continue reading

194 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Quick Reference Guide