React JS Complete Beginner Tutorial | 9-Hour All-in-One Course 🚀
Kickstart your React JS journey with this comprehensive 9-hour beginner-friendly course! Perfect for newcomers, covering everything you need to build modern web apps. Free Web Dev Roadmap included: https://bit.ly/DaveGrayWebDevRoadmap

Dave Gray
1.2M views • Sep 10, 2021

About this video
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
This React JS Full Course for Beginners is an all-in-one beginner tutorial and complete course full of nearly 9 hours of React JS code and instruction to level up your programming skills. This course teaches modern React with functional components and hooks. Think of this React full course tutorial as a React JS video textbook with 23 clearly defined chapters.
💖 Support me on Patreon ➜ https://patreon.com/davegray
⭐ 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
🚀 Please note: If you are just starting out with Javascript, I recommend completing my 8 hour Javascript full course for beginners tutorial before you try to learn React: https://youtu.be/EfAl9bwzVZk
❗ During the tutorial I mention several resources to be provided "in the description below" including links to source code for the various chapters. I have put all of these resource links in one GitHub repository.
🔗 All Resources & Source Code: https://github.com/gitdagray/react_resources
📬 Course Updates ➜ https://courses.davegray.codes/
React Full Course for Beginners:
(0:00:00) Intro
(0:00:48) Chapter 1: Start Here
(0:13:56) Chapter 2: App & JSX
(0:25:28) Chapter 3: Functional Components
(0:36:01) Chapter 4: Applying CSS Styles
(0:43:11) Chapter 5: Click Events
(0:51:55) Chapter 6: useState Hook
(1:03:23) Chapter 7: Lists & Keys
(1:35:50) Chapter 8: Props & Prop Drilling
(2:01:19) Chapter 9: Controlled Component Inputs
(2:38:25) Chapter 10: Project Challenge
(3:03:44) Chapter 11: useEffect Hook
(3:15:08) Chapter 12: JSON Server
(3:21:23) Chapter 13: Fetch API Data
(3:44:37) Chapter 14: CRUD Operations
(4:04:33) Chapter 15: Fetch Data Challenge
(4:43:10) Chapter 16: React Router
(5:02:58) Chapter 17: Router Hooks & Links
(5:51:28) Chapter 18: Flexbox Components
(6:02:34) Chapter 19: Axios API Requests
(6:40:47) Chapter 20: Custom Hooks
(7:17:04) Chapter 21: Context API & useContext Hook
(7:56:10) Chapter 22: Easy Peasy Redux
(8:33:39) Chapter 23: Build & Deploy Your React Apps
➡️UPDATE: Chapter 16 & 17 Part 2:
Refactor to React Router v6: https://youtu.be/XBRLVRjZ3CQ
👀 Visual Studio Code: https://code.visualstudio.com/
✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
☕ Buy Me A Coffee: https://www.buymeacoffee.com/davegray
Was this React JS full course with 9 hours of instruction helpful? If so, please share. Let me know your thoughts in the comments.
#react #full #course
This React JS Full Course for Beginners is an all-in-one beginner tutorial and complete course full of nearly 9 hours of React JS code and instruction to level up your programming skills. This course teaches modern React with functional components and hooks. Think of this React full course tutorial as a React JS video textbook with 23 clearly defined chapters.
💖 Support me on Patreon ➜ https://patreon.com/davegray
⭐ 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
🚀 Please note: If you are just starting out with Javascript, I recommend completing my 8 hour Javascript full course for beginners tutorial before you try to learn React: https://youtu.be/EfAl9bwzVZk
❗ During the tutorial I mention several resources to be provided "in the description below" including links to source code for the various chapters. I have put all of these resource links in one GitHub repository.
🔗 All Resources & Source Code: https://github.com/gitdagray/react_resources
📬 Course Updates ➜ https://courses.davegray.codes/
React Full Course for Beginners:
(0:00:00) Intro
(0:00:48) Chapter 1: Start Here
(0:13:56) Chapter 2: App & JSX
(0:25:28) Chapter 3: Functional Components
(0:36:01) Chapter 4: Applying CSS Styles
(0:43:11) Chapter 5: Click Events
(0:51:55) Chapter 6: useState Hook
(1:03:23) Chapter 7: Lists & Keys
(1:35:50) Chapter 8: Props & Prop Drilling
(2:01:19) Chapter 9: Controlled Component Inputs
(2:38:25) Chapter 10: Project Challenge
(3:03:44) Chapter 11: useEffect Hook
(3:15:08) Chapter 12: JSON Server
(3:21:23) Chapter 13: Fetch API Data
(3:44:37) Chapter 14: CRUD Operations
(4:04:33) Chapter 15: Fetch Data Challenge
(4:43:10) Chapter 16: React Router
(5:02:58) Chapter 17: Router Hooks & Links
(5:51:28) Chapter 18: Flexbox Components
(6:02:34) Chapter 19: Axios API Requests
(6:40:47) Chapter 20: Custom Hooks
(7:17:04) Chapter 21: Context API & useContext Hook
(7:56:10) Chapter 22: Easy Peasy Redux
(8:33:39) Chapter 23: Build & Deploy Your React Apps
➡️UPDATE: Chapter 16 & 17 Part 2:
Refactor to React Router v6: https://youtu.be/XBRLVRjZ3CQ
👀 Visual Studio Code: https://code.visualstudio.com/
✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
☕ Buy Me A Coffee: https://www.buymeacoffee.com/davegray
Was this React JS full course with 9 hours of instruction helpful? If so, please share. Let me know your thoughts in the comments.
#react #full #course
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
1.2M
Likes
21.3K
Duration
08:49:06
Published
Sep 10, 2021
User Reviews
4.8
(232) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.