Exploring React 19 Features - use() Hook, Actions & More

In this video, we will look at some of the features of React 19 including the React compiler, use() hook, form actions, new hooks like useFormState(), useFormStatus() and useOptimistic().

Code:

https://github.com/bradtraversy/react-19-playground

Check out my courses:

https://traversymedia.com

Social Media:

Github - https://github.com/bradtraversy

Twitter - https://twitter.com/traversymedia

Instagram - https://www.instagram.com/traversymedia

Facebook - https://www.facebook.com/traversymedia

Linkedin - https://www.linkedin.com/in/bradtraversy

Timestamps:

0:00 - Intro

1:24 - Compiler Info (Slide)

3:05 - Automatic Memoization (Slide)

4:04 - use() Hook Info (Slide)

4:57 - use client & use server (Slide)

5:43 - Actions (Slide)

6:54 - useOptimistic (Slide)

7:40 - Metadata (Slide)

8:06 - Other Changes (Slide)

9:48 - React 19 Playground Intro

10:53 - use() Hook to Fetch Joke

15:34 - use() Hook to Fetch Posts

17:05 - use() Hook with Promise

21:16 - use() Hook with Context

23:32 - Action Example 1 - Post Form

29:25 - Action Example 2 - Shopping Cart Form

35:25 - useFormStatus()

39:49 - useFormState()

44:12 - useOptimistic()