What’s New in React 19: Exploring Actions, use(), Compiler, and more
✏️ 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
Видео What’s New in React 19: Exploring Actions, use(), Compiler, and more канала freeCodeCamp.org
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
Видео What’s New in React 19: Exploring Actions, use(), Compiler, and more канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course](https://i.ytimg.com/vi/rCm5RVYKWVg/default.jpg)
![Deep Learning for Computer Vision with Python and TensorFlow – Complete Course](https://i.ytimg.com/vi/IA3WxTTPXqQ/default.jpg)
![Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator](https://i.ytimg.com/vi/FRmCxj9K7II/default.jpg)
![Full HTTP Networking Course – Fetch and REST APIs in JavaScript](https://i.ytimg.com/vi/2JYT5f2isg4/default.jpg)
![Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners](https://i.ytimg.com/vi/jlogLBkPZ2A/default.jpg)
![Microservice Architecture and System Design with Python & Kubernetes – Full Course](https://i.ytimg.com/vi/hmkF77F9TLw/default.jpg)
![GameDev with JavaScript and Kaboom.js – Metroidvania Game Tutorial](https://i.ytimg.com/vi/iM1iSvloMlo/default.jpg)
![Web App Vulnerabilities - DevSecOps Course for Beginners](https://i.ytimg.com/vi/F5KJVuii0Yw/default.jpg)
![JavaScript Game Development Course for Beginners](https://i.ytimg.com/vi/GFO_txvwK_c/default.jpg)
![Dynamic Programming - Learn to Solve Algorithmic Problems & Coding Challenges](https://i.ytimg.com/vi/oBt53YbR9Kk/default.jpg)
![TensorFlow for Computer Vision Course - Full Python Tutorial for Beginners](https://i.ytimg.com/vi/cPmjQ9V6Hbk/default.jpg)
![Python for Bioinformatics - Drug Discovery Using Machine Learning and Data Analysis](https://i.ytimg.com/vi/jBlTQjcKuaY/default.jpg)
![DevOps with GitLab CI Course - Build Pipelines and Deploy to AWS](https://i.ytimg.com/vi/PGyhBwLyK2U/default.jpg)
![Create a Design System with CSS - Web Development Course](https://i.ytimg.com/vi/lRaL-8qZ0mM/default.jpg)
![Advanced Git Tutorial - Interactive Rebase, Cherry-Picking, Reflog, Submodules and more](https://i.ytimg.com/vi/qsTthZi23VE/default.jpg)
![Automate with Python – Full Course for Beginners](https://i.ytimg.com/vi/PXMJ6FS7llk/default.jpg)
![Python API Development - Comprehensive Course for Beginners](https://i.ytimg.com/vi/0sOvCWFmrtA/default.jpg)
![Frontend Development Course - Create a Blog with HTML & CSS](https://i.ytimg.com/vi/Aj7HLsJenVg/default.jpg)
![Learn Modern C++ by Building an Audio Plugin (w/ JUCE Framework) - Full Course](https://i.ytimg.com/vi/i_Iq4_Kd7Rc/default.jpg)
![Advanced Computer Vision with Python - Full Course](https://i.ytimg.com/vi/01sAkU_NvOY/default.jpg)