This explores the default App component is created by create-react-app and also introduces JSX which stands for Javascript and XML. If you are new to React, start at the beginning of this tutorial series (link in description above). If you are just learning Javascript, start with the basics in my full 8 hour tutorial here: th-cam.com/video/EfAl9bwzVZk/w-d-xo.html
The kind of content I was looking for. Thanks. There is a lot of value in it, properly explained and suitable for beginners. Way better than other income youtubers with millions of views. I can't believe you have just a few thousands of it. But hey, people want to be entertained rather than educated.
Great question. I could make a video on that, but the quick answer is modern React development uses functional components and hooks instead of older versions that did not provide hooks and leaned towards class components. 😃
🎯 Key Takeaways for quick navigation: 00:00 🎵 Introduction to React Components and JSX - The video introduces React components and JSX. - It explains the role of the "app" component, the default component created in a new React project. 01:11 🚀 Auto Updates with `npm start` - Demonstrates how to run a local development server using the `npm start` command, which automatically updates when you modify the code. 03:12 📝 JSX in React - Explains JSX (JavaScript in XML), which resembles HTML but has differences like using `className` instead of `class`. - Demonstrates how to write JSX, including HTML-like elements and using JavaScript expressions within the code. 04:48 📜 Rendering Data in JSX - Demonstrates how data, whether text strings or integers, is rendered in JSX. - Shows that arrays can also be rendered as text within JSX. 07:22 🚫 Limitations of JSX Rendering - Explains that objects and boolean values cannot be rendered in JSX, leading to errors. 09:04 🧪 Dynamic JSX with Functions - Demonstrates the use of functions within JSX and how to create dynamic content. - Shows how to use a function to randomly select a name and display it in the JSX. 11:46 👍 Conclusion and Thank You - The video concludes by thanking viewers and encourages them to like, subscribe, and share the content. Made with HARPA AI
This explores the default App component is created by create-react-app and also introduces JSX which stands for Javascript and XML. If you are new to React, start at the beginning of this tutorial series (link in description above). If you are just learning Javascript, start with the basics in my full 8 hour tutorial here: th-cam.com/video/EfAl9bwzVZk/w-d-xo.html
I have been looking for a good teacher with a good voice for a very long time, thank you!
You're welcome! And thank you for the kind words 🙏
same... my OCD needs the right teachers voice... so fun...
I'm finally getting around to these React videos! Thanks again Dave for all your tutorials!
Glad to hear it, Michael. I hope they help out! 💯🚀
The kind of content I was looking for. Thanks. There is a lot of value in it, properly explained and suitable for beginners. Way better than other income youtubers with millions of views. I can't believe you have just a few thousands of it. But hey, people want to be entertained rather than educated.
Glad it was helpful!
Thank You!
Hope you continue to deliver such amazing content. Highly underrated channel!!
Thank you! 🙏
This has to be the best react tutorial so far. Thank you Dave, I’ve been struggling with react for the longest.
Glad it helped! 🚀
I was stuck with a 40+ hour tutorial. This is what I needed. Will just add the new reactdocs to my learning.
Glad it helped!
great explaination the best on youtube can't wait to finish this playlist
Teaching is an art and Sir Dave is an artist.
Thank you for the kind words! 🙏🙏
good work dave gray , you are a cool man , students love you
you mention that people should be using stateless functions over class components. could you make a more in-depth video going over why?
Great question. I could make a video on that, but the quick answer is modern React development uses functional components and hooks instead of older versions that did not provide hooks and leaned towards class components. 😃
You are one of the best lecturer in the world
Thank you for the kind words! 🙏🙏
Thanks for sharing this useful info.
Love your approach to teaching :)
Thank you, Steven! 🙏💯
Hello Dave. Thank you for all video
You're welcome!
Dave you are superb i have almost learned everything from you . i feel like you are part of my faimly
btw i am from Pakistan
Thank you for the kind words! And hello 👋 to Pakistan!
Best React Tutorial
Thank you!
Thanks sir !
You're welcome! 🙏
Its Interesting actually!😉
really helpful thank you
Glad to hear it!
Wow learning react is much easier here
Glad to hear that!
🎯 Key Takeaways for quick navigation:
00:00 🎵 Introduction to React Components and JSX
- The video introduces React components and JSX.
- It explains the role of the "app" component, the default component created in a new React project.
01:11 🚀 Auto Updates with `npm start`
- Demonstrates how to run a local development server using the `npm start` command, which automatically updates when you modify the code.
03:12 📝 JSX in React
- Explains JSX (JavaScript in XML), which resembles HTML but has differences like using `className` instead of `class`.
- Demonstrates how to write JSX, including HTML-like elements and using JavaScript expressions within the code.
04:48 📜 Rendering Data in JSX
- Demonstrates how data, whether text strings or integers, is rendered in JSX.
- Shows that arrays can also be rendered as text within JSX.
07:22 🚫 Limitations of JSX Rendering
- Explains that objects and boolean values cannot be rendered in JSX, leading to errors.
09:04 🧪 Dynamic JSX with Functions
- Demonstrates the use of functions within JSX and how to create dynamic content.
- Shows how to use a function to randomly select a name and display it in the JSX.
11:46 👍 Conclusion and Thank You
- The video concludes by thanking viewers and encourages them to like, subscribe, and share the content.
Made with HARPA AI
Well started React tuts ...
Thank you! 🙏💯
👍
Top
To be sucessfuly
if you want really good tutorials, you will get it in the channels those has some 200k to 400k subscribers.
Why not use jsx
How to pronounce attribute 😄: th-cam.com/video/yY8Br3u36wU/w-d-xo.html
I may be too old to change! 😆
@@DaveGrayTeachesCode Say it isn't so! 🤣