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 : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1716386211406 - unknown on Apple WebKit
Mystery text : U3FjWTBHbEVUUGsgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
2,515,219 Views • Premiered Mar 12, 2023 • Click to toggle off description
🚀 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
Views : 2,515,219
Genre: Education
Date of upload: Premiered Mar 12, 2023 ^^
Rating : 4.892 (1,278/46,200 LTDR)
RYD date created : 2024-05-22T12:51:05.959722Z
See in json
YouTube Comments - 1,223 Comments
Top Comments of this video!! :3
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!
389 |
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!
46 |
I love how you keep your code clean and explain every step as well as a few other ways to achieve the same goal. This helps a ton!
|
I loved this tutorial because you didn't rush any explanations. You demonstrated everything and didn't leave much ambiguity in what's going under the hood.
Thanks man!
|
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 |
For everyone asking what theme he's using, its called "oh lucy"
233 |
Thank you Mosh, you are really good at teaching. I learned a lot from this tutorial and I like the extensions and shortcuts you recommend.
|
Impressed with your style and presentation of teaching. I am pretty sure you can teach react to a grandmother as well.
|
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.
10 |
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!
6 |
The soundtracks used in the video between different parts give a very positive vibe
|
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 |
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!
26 |
Please include unit , integration and end to end testing for the part 2 of the course. That would really be helpful to develop robust react apps in the real world.
23 |
You're such a legend Mosh. This was my first completed react tutorial after several tries of grasping the concept. I even went ahead to make the button toggle the alert. And created other buttons to change the value of the main button from primary to warning to danger etc. It was great learning from you. Now onto real life projects from your website
|
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!
5 |
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!
20 |
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 |
Thank you Mosh. Easy to follow tutorial as always!
|
@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
112 |