The Complete Frontend Development Course | 150 Hours | Zero to Advanced - Introduction to React Component | The Complete React Course | Ep.09

Source Code: https://github.com/procodrr/react-course/tree/main/09_introduction-to-react-components 📖 Chapters 00:00 - Introduction 00:30 - Quick Recap 01:51 - How to solve this "Order" issue using Pure Javascript? 05:32 - Let's pass a React Element inside "root.render()" method 08:31 - Create a React Element using JSX 09:25 - Play around with "type" value of a React Element 12:25 - What would happen if "type" value is set to a Function? 16:54 - Difference between "type" values - String vs Function 19:42 - What is a React Component? 21:16 - Use "React.createElement()" inside "root.render()" method 25:45 - How does React Component work behind the scene? 31:08 - How do you define a React Component? 34:15 - Fetch data and display it using React Component 40:03 - Next Video 40:56 - Conclusion Destructuring in JavaScript: https://youtu.be/9dQ38beIC-M In this video, we'll be diving deep into React concepts to strengthen your understanding. After a quick recap of the basics, we'll see how to tackle this "Order" issue using nothing but pure JavaScript, demonstrating the fundamental building blocks of React. Throughout the tutorial, I'll guide you through a hands-on journey. Discover how to pass a React Element into the "root.render()" method. We'll delve into JSX, creating dynamic React Elements and experimenting with its "type" values. Ever wondered what happens when the "type" value is set to a Function? I'll unravel this mystery and show the difference between String and Function values. By the end of this video, you'll be empowered with insights into React's core, ready to take your skills to the next level. Have any doubts? Join this Telegram group and ask your question. You can also share the projects that you make in this group. Telegram Group : https://t.me/procodrr Sunday QnA Link: https://meet.google.com/vbp-hqnm-eiq Social Media 🌐 Telegram: https://t.me/procodrr 🌐 Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ 🌐 Instagram: https://www.instagram.com/procodrr/ 🌐 Twitter: https://twitter.com/anuragsinghbam 🌐 Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay #react #procodrr #webdevelopment