React JS Full Course for Beginners | Complete All-in-One Tutorial | 9 Hours

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.

⭐ Become a full-stack web dev with Zero To Mastery Courses:

❗ 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.

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:

✅ Follow Me:

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

[ChrisBrown-sivg]

I appreciate you putting in the effort for a 9 hour tutorial and then making it free for everyone. Definitely earned a like and subscribe.

[Portnacelle]

Hi Dave, being the 4th React instructor I have attempted, you are the only one who has finally given me a clarity and sequence in understanding the concepts. I did the color box challenge and I was blown away that I was able to do it! Thanks for all that you do! I think you are one of the best at teaching this!

[darrenpierre]

This was a great tutorial, I got so lost trying other videos but this video set me on straight . I will continue to learn from your videos . Thank you so much

[coding_university_]

Coming from PHP, I decided to learn the MERN stack for the one reason of being full stack, I must say you are very good at explaining and you have also chosen the classes in each of your JavaScript, ReactJS, NodeJS and the MERN stack carefully to ensure we get the best all in one place. You are well appreciated sir. Thank you for this gift!

[maurillekobri]

Dave Gray is definitely good at explaining concepts. This course will surely help beginners and other levels in need of a refresher. Thanks a million, Dave, your course has really helped me!

[ram-pcwk]

progress: day 1: upto 1hr mark
day 2: upto 2 hr mark,
day 3, 4 : nill.
day 6: upto ch 15 done
Day 11: upto 8hr mark
Day 12: completed

[CodeWithTomi]

You have some fire contents on this channel 🔥
Keep going man!

[ramotion]

I guess commenting here would be the least I can do to show my graditude for the time and effort you put to make this amazing tutorials all for free. Thanks Dave, Thanks Teacher! <3

[nechititudor]

As a Computer Science student that was greatly displeased with what I am / was learning at University, your content is a breath of fresh air. Finished the NodeJS 7 hours tutorial, currently working on this one and I will keep pushing until I get to the MERN Stack one. Outstanding explanations!

[germanwares]

Just in case, for chapter 16 (React Routes) there have been some changes regarding react-router-dom. Instead of Switch and useHistory in the imports, you now have to use Routes and useNavigate respectively. And in the main.js file the import should be:

{ BrowserRouter as Router, Routes, Route }

And below that it should be:

<React.StrictMode>
<Router>
<Routes>
<Route path="/" element={<App />}></Route>
</Routes>
</Router>
</React.StrictMode>,

Note that the attribute component is not used anymore, and instead it should be element={< />}

[lalitta]

Now that's a tutorial! I love how thoroughly you dive into React concepts and the fact that you offer students the chance to apply what they've learned! Thank you so much!

[renifer]

So are hooks just a fancy name for functions with state in React? Damnit. Let's see what this context is about. Something equally simple?

[jatinsaini]

Ctrl + B, B for Boy, hides the file tree. This shortcut was given more importance than the whole react tutorial 😅😂. Jokes aside, great tutorial 👍

[dontbetraitor]

In db.json file I correctly entered id as number but in json server id is entered as string because of that I couldn't able use delete, patch and update. How should I solve this issue.

[viekva]

Hey Dave! you have a gift for teaching, it is a pleasure to learn from you, thank you very much and keep it up!

[lawsonmichael]

Hi Dave is React 17.0.1 still compatible now that react 18 is out?

[Raj-izuz]

learning Javascript right now.. next goal to learn React.. thanks 😊

[JustinKofford]

Wow, this is already out of date. Your whole routing section no longer works. Not a knock against you, this is a super clean tutorial. But very obnoxious barrier for entry.

[oluwaseunrobert]

Dave, I’m finally done with the react tutorial, building projects of my own now. Thanks a lot ❤️

[viditgoel]

Hi @DaveGrayTeachesCode, I really like your way of teaching and i have followed this tutorial in the past but could not complete it, I want to start learning again but I have doubts that this tut is almost 2 yrs old now, and currently we have react 18 so could you please tell me if this is still relevant and give any tips on how to bridge the gap if I learn the basics from this.

I really hope you reply to this as there might be few others also with the same doubt.