Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Learn about React 18 new features, changes and follow a React v18 upgrade guide step-by-step. There's a lot of great changes and features in React version 18 and some challenging surprises, too!
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Advanced React: https://bit.ly/AdvReactDev
- Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
- Master FAANG Coding Interviews: https://bit.ly/FAANGInterview
Subscribe https://bit.ly/3nGHmNn
React JS for Beginners full course - 9 hours: https://youtu.be/RVFAyFWO4go
Course Updates https://courses.davegray.codes/
Example Source Code to Upgrade: https://github.com/gitdagray/react_hooks_axios
React 18 New Features, Changes & v18 Upgrade Guide
(00:00) Intro
(00:15) Welcome
(00:28) Upgrading to React 18 dependencies
(01:53) Wait, this is still React v17 ?
(03:03) Necessary changes for index.js
(04:40) Did React 18 just break my app?
(05:05) The New React v18 Strict Mode
(08:56) More Automatic Batching
(10:38) No Warnings about setState on Unmounted Components
(12:17) More console messages
(12:32) Improved memory usage
(12:43) More new features to cover
Buy Me A Coffee: https://www.buymeacoffee.com/davegray
Tutorial References:
Custom React Hooks with Axios: https://youtu.be/NqdqnfzOQFE
How to Upgrade to React 18: https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
Stop Checking If Your React Component is Mounted: https://medium.com/doctolib/react-stop-checking-if-your-component-is-mounted-3bb2568a4934
ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
General React References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=
Follow Me:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this React 18 Introduction and Upgrade Guide helpful? If so, please share. Let me know your thoughts in the comments.
#react #v18 #features