Menon

Introduction to React Component | The Complete React Course | Ep.09

React.js Full Course in Hindi | Zero to Advanced in 28 Hours

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

About the course

If you want to master React.js right from scratch, you have come to the right place. In this course, we'll cover everything about React. We'll see how React works behind the scenes and much more. By the end of this course, you’ll become a React expert which will help you land your dream job of web development.