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()
source