Video id : SqcY0GlETPk
ImmersiveAmbientModecolor: #ead5cd (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 4b4d746044a213a7995f6a477ad4d2ac43bba7d6a5f1865a38bd943da0c2452638c9f4636d16342e1a5a4247860bea66
Proxy : usa-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1714605217056 - unknown on Apple WebKit
Mystery text : U3FjWTBHbEVUUGsgaSAgbG92ICB1IHVzYS1wcm94eS5wb2tldHViZS5mdW4=
143 : true

2,407,283 Views • Premiered Mar 12, 2023 • Click to toggle off description
Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial.

🚀 Want the ultimate React deep dive?
- Check out my complete course: bit.ly/3l0vWYR
- Subscribe for more awesome content: goo.gl/6PYaGF

✋ Stay connected:
- Twitter: twitter.com/moshhamedani
- Facebook: www.facebook.com/programmingwithmosh/
- Instagram: www.instagram.com/codewithmosh.official/
- LinkedIn: www.linkedin.com/school/codewithmosh/

📖 TABLE OF CONTENT
00:00:00 Course Intro
00:01:55 Prerequisites
00:02:43 What is React?
00:04:57 Setting Up the Development Environment
00:06:24 Creating a React App
00:09:17 Project Structure
00:11:20 Creating a React Component
00:16:41 How React Works
00:19:00 React Ecosystem
00:21:04 Building Components
00:21:40 Creating a ListGroup Component
00:27:15 Fragments
00:29:42 Rendering Lists
00:33:11 Conditional Rendering
00:38:36 Handling Events
00:44:43 Managing State
00:50:44 Passing Data Via Props
00:54:42 Passing Functions Via Props
00:58:27 State Vs Props
01:00:00 Passing Children
01:05:04 Inspecting Components with React Dev Tools
01:07:14 Exercise: Building a Button Component
01:14:15 Exercise: Showing an Alert

#react #reactjs #javascript #coding
Metadata And Engagement

Views : 2,407,283
Genre: Education
Date of upload: Premiered Mar 12, 2023 ^^


Rating : 4.894 (1,208/44,507 LTDR)
RYD date created : 2024-05-01T22:47:27.129774Z
See in json
Tags

YouTube Comments - 1,192 Comments

Top Comments of this video!! :3

@programmingwithmosh

1 year ago

- Want to learn more? Get my complete React mastery course: bit.ly/3l0vWYR - Subscribe for more videos like this: goo.gl/6PYaGF

111 |

@verywellrounded

5 months ago

Transitioning from backend to full stack development a few years ago. Been developing react apps for the last two years. I picked up several neat shortcuts and several key takeaways for a project I am building from scratch now. Thank you!

33 |

@sauravkumarjha2838

1 year ago

Your Courses are goldmine for me! Absolutely love the way you structure and deliver your courses with huge efforts.

44 |

@ancrobot8399

10 months ago

This was the most helpful thing in a while. Most you go thorugh the errors the same way we catch them. You dont just spoil the solution on why we are getting the error. So many times during this course when I got an error, I saw the hints that you gave and then tried to solve it on my own. Truly one of the best teachers!

18 |

@avivhurvitz

1 year ago

I'm a long time developer, but novice at web development. This tutorial was perfect for me. I appreciate how Mosh walks you through real development practices: incremental development cycles, using the IDE and tools, looking at errors, testing as you go. Thank you Mosh!

383 |

@mcrazick8662

10 months ago

This course is so enjoyable to study. My past React experience (when I started using it for the first time) made me give up XD. But after a while, mastering JS in the meantime, I decided to come back, found this video and yeah, brings confidence back. Great video!

24 |

@sunilshastry

1 year ago

For everyone asking what theme he's using, its called "oh lucy"

231 |

@johngoutung1229

11 months ago

I did struggle to learn React. A lot of wasted time. 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".

209 |

@mwaikul

9 months ago

Love the tutorial! Its the perfect balance of "show me the code" and "explain the concepts to me". Came here after a bunch of tutorials that jumped to deep into the code with no concepts or vice versa. Thankyou!

4 |

@alex_blue5802

11 months ago

Mosh's courses are the best way to learn. I love how he gives exercises so you can make sure you understood.

6 |

@alm683

10 months ago

awesome Mosh. Your teaching style is concise and to the point. I am subscribed to a number of online IT learning resources but this is by far is the best intro to React that I went through.

6 |

@tayyabgee5503

1 year ago

Thank you mosh!💌 I have my web paper after a day. This video is really helpful to study React with all the basic concepts for a beginner. Amazing!

16 |

@sgorneau

5 months ago

This has to be the best hour and 20 minutes of learning on YouTube! You are an excellent teacher! I hope you know how helpful and clear your style is.

8 |

@sergiohernandez72

1 year ago

Finally an updated version of React tutorial! I love your videos so much, but didn't want to invest in the other course since it was class based and outdated, now that you have an updated typescript function based tutorial I'm definitely buying this spring break. Keep making awesome, high quality videos mosh!

146 |

@KyleMaxwell

5 months ago

I'm an engineering manager recently hired into a full-stack team that uses React - this was a great taste of how React works to give me a better sense of it!

4 |

@altom_weightlifting

5 months ago

I've been developing for a few years and your style of tutorials are some of the best that i've come across. Thank you!

|

@PongGod

4 months ago

Kudos for putting together such an excellent tutorial. This is one of the extremely rare instances where I went through an entire programming tutorial and everything actually worked! So many times I run into problems where things aren't working on my end the way they do in the tutorial, which forces me to spend a bunch of time trying to figure out what went wrong, mounting frustration, and ultimately just giving up. Really excited about incorporating React into my web development for enhanced user experiences!

3 |

@monzerfaisal3673

10 months ago

Dude this tutorial is epic. I first started listening to it to check it out quick. It seemed understandable so i followed along over a few days and i'm not only understanding, everything is also sticking to my brain!!! thanks man

9 |

@mosesolayinks6361

1 year ago

Hi Mosh thank you for yet another fantastic course. I checked through the full course and I noticed there isn’t any topic covering unit testing in this react course. I think this is a very important in modern react tool belt and would be helpful if you can look at adding it

61 |

@SerialLinker

10 months ago

This is exactly the video I was looking for. I'm backend software engineer since 13 years, I want to progress on the frontend development but usually I found tutorial that are not detailed enough for me. Here it's really clear, put I my playlist and let's finished all my personal project which are working fine using postman but without any frontend ^^

|

Go To Top