Learn React With This One Project

Learning React is hard. There are so many concepts to learn and mindsets shifts that you need to do. That is why in this video I will be breaking down all the most important concepts you need to understand in React.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
01:10 - What Is React
02:45 - Thinking In React
06:07 - Todo List Project Setup
10:45 - JSX
15:30 - React State
20:15 - Todos Logic
30:45 - Break App Into Components
38:15 - useEffect Hook

#ReactJS #WDS #JavaScript

[kevinvikan]

I did struggle a lot to learn Rеact. A lot of time that I wasted.
The problem? I did not know the basics of Javascript in first place. You need to walk before you can run.
So I took a few very basic books (books, not complex tutorials!) and learned the fundamentals.
After I learned the basics of Javascript, learning React became much easier.
Edit: For those asking about the books, for the very basics I learned with Javascript In Less than 50 Pages.
And to develop my knowledge I learned with Head First Javacript Programming.

[luisrodrigues]

I always wanted to learn React over my lunch and get promoted in the afternoon 😁

[bytecrust]

I love how you dive right into features of React, making it clear why it is useful! I tried watching through the 12 hour freeCodeCamp React video, but by hour 4 I was thinking, "what is the point? This seems like so much more work for what I can already accomplish with JS."

[MyChannel-kqdv]

Thanks! As a 1-month React developer, this video is amazing!
for all the people who want to understand React basics for the first time, I low-key think the explanations are too fast

[clnguye]

This tutorial is incredible. So many concepts in 40 minutes. For beginners, have a good grasp of JS function and how it's being passed around as if it's object. Thanks Kyle

[TinyMaths]

Thanks for the tutorial; I've had to go over this several times, because, as others have mentioned in the comments, there is so much information in this tutorial. But things are making sense now. I love the fact that deleting elements is much simpler to do in React than in vanilla JS, just filter out the array element and it's gone after re-render. Looking forward to re-building some of my portfolio apps with React

[monkey_scherzo]

I'm a react frontend developer, but whenever I watch your videos there's always something new I learned. Thanks so much for details things out Kyle!

[critical_awareness]

Duuude! you are seriously one of the best Educators on this platform in regards to web development. Clear, concise, simple and engaging. I enjoy following your videos for projects, and always find myself picking one of yours. Thank you for your community contribution!

[zalejosiri]

Simply amazing! I've watched a few more React videos but, even though they started from basics, they quickly jumped to a huge code which I wouldn't even be close to reproduce on my own. This video, instead, gave me clear use of state, hooks, modularization and basic structure. Great course!

[OJRO-xpip]

For people like me who is not new to programming. This is incredible tutorial. Saved tons of time.

[ChrisBiddleGuitar]

Thank you Kyle, for this video! React's component driven approach is quite a shift from the top-down MVC architecture I'm used to. After about six weeks, though, of madly picking apart tutorial examples, getting a handle on hooks, and creating my own little "Frankenstein" React projects, things are finally starting to come together.

[whiskersspot]

I like how I'm trying to code along and I'm attempting to code ahead of you, and every time i run into a certain mistake, you address it xD.
Just goes to show how experienced you are at this.

[jcy]

Love the talking speed. It keeps me concentrated and constantly engaged. Maximilian's speech is so laid back I keep falling asleep during the course 😂

[stormybear]

Just when I think you couldn't get any more awesome, you come along and blow my mind again! Kyle, you, sir, are THE MAN!!!!

[mailsiraj]

Kyle, what a wonderful video - though I knew almost everything you were covering, there are many subtle ideas I grasped from your course that deepened my understanding of how React works. Your take on when to call setState with a function was definitely very insightful. I really loved the way you refactored your code and brought out props as a natural need - thank you so much.

[PostMasterNick]

This was really great. I know JS and am familiar with Typescript and React. I was able to follow along in this tutorial and convert the JS to TS and get it all working! Super stoked and feeling like a I got a lot out of it.

[hamadamek]

Beautiful. Took me 5 days to follow step by step and build it in parallel and try to do things in a different way. Learned a lot about events, which I misunderstood initially

[OpeningEyes]

Thank you for your dedication to teaching! I learnt the 'gist' of React, but I think it's my lack of JS that's holding me from understanding some parts of this video, like the use of parse in the JSON part in the end 39:45.

Thank you for pointing out common beginner mistakes as well!

[chukwuemekandiukwu]

I hate ti say this but "bro code " is the best react teacher or the best of the best at teaching anything programming.

[codinginflow]

Regarding 23:44: It's actually totally fine to use the non-function version of the state setter inside event handlers. The documentation specifically states this. Great video overrall!