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 Gray1.2M views08:49:06

🔥 Related Trending Topics

LIVE TRENDS

This video may be related to current global trending topics. Click any trend to explore more videos about what's hot right now!

THIS VIDEO IS TRENDING!

This video is currently trending in Singapore under the topic 'itoto system 12'.

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

Video Information

Views
1.2M

Total views since publication

Likes
21.3K

User likes and reactions

Duration
08:49:06

Video length

Published
Sep 10, 2021

Release date

Quality
hd

Video definition