What’s New in React 19: Exploring Actions, use(), Compiler, and more

Post Content

✏️ Study this course interactively on Scrimba:
https://v2.scrimba.com/whats-new-in-react-19-c03d?utm_source=youtube&utm_medium=video&utm_campaign=fcc-react19

Learn all about the exciting new features coming with React 19, including baked-in ways to handle actions, optimistic updates, form statuses, the new use() API, and more!

Code is available on the Scrimba course page for each lesson.

React hasn’t had a major version update in over 2 years since React 18 was launched in 2022. React 19 has lots of exciting new features that make handling data mutations simpler while giving us APIs to improve the user’s experience with optimistic updates! ✨

The React team has also launched a new open-source compiler it has been working on for years that will handle many of the nitty-gritty performance details for you behind the scenes.

Join us in this course while we learn all about the latest, greatest features coming in the newest version of React!

We’ll cover:
– Transitions (refresher from React 18)
– React Compiler
– Form Actions
– useActionState()
– Handling errors in actions
– useOptimistic()
– useFormStatus
– Refs as props
– use()
– Other miscellaneous improvements to React

Scrimba on YouTube: https://www.youtube.com/c/Scrimba

⭐️ Contents ⭐️
⌨️ (0:00:00) What’s new in React 19?
⌨️ (0:02:29) React 18 Catch up – useTransition (1)
⌨️ (0:06:18) React 18 Catch up – useTransition (2)
⌨️ (0:11:20) React Compiler
⌨️ (0:13:05) Form action
⌨️ (0:20:39) Error and loading states in React
⌨️ (0:23:33) useActionState() – Part 1
⌨️ (0:28:54) useActionState() – Part 2
⌨️ (0:34:00) useActionState() – Part 3
⌨️ (0:41:54) useOptimistic()
⌨️ (0:47:21) useFormStatus()
⌨️ (0:52:04) refs as props
⌨️ (0:54:57) use()
⌨️ (1:04:02) Misc. improvements – meta tags
⌨️ (1:06:43) Conclusion Read More freeCodeCamp.org