React 19 Walkthrough - react compiler, use api, actions and more
React 19 comes with many exciting updates. In this video we take a look at the new compiler, use api, the concept of actions, new hooks and more.
#reactjs#webdevelopment #javascript
Using react compiler with React 18 - / react-compiler-with-react-18
Source code:- https://gauravsen.gumroad.com/l/gsecx
00:00 Intro
00:20 New react compiler
2:02 Installing the react compiler
2:40 Adding react compiler to your project
4:37 Updates in react 19
4:45 use api
5:30 next js example - promise resolution with use api
9:43 promise resolution on client side only
12:31 promise cache error
13:10 Implementing promise cache
15:16 Reading context using the use api
20:08 using use api within conditinals
21:44 Actions(Async transitions)
23:02 useTransition hook with async functions
24:51 Use case for useActionState hook
25:47 Integrating the useActionState hook
28:22 useFormState hook
30:27 useOptimistic hook
36:01 Other new features - ref as a prop, metadata tags, stylesheets, preloading resources
37:47 Outro
💰 If you'd like to buy me a coffee, that would be wonderful, thanks! - https://www.buymeacoffee.com/gaurav.sen
► Blog: https://gauravsen.codes/blog
► Web development Mentorship - https://gauravsen.codes
► Join my daily.dev squad - https://dly.to/DLXFGse7Q8x
Find me here👇🏼:
► / gaurav.sen_
► / gaurav_sen_
► / gauravs3n