The Complete Frontend Development Course | 150 Hours | Zero to Advanced - Why Should You Learn React With Parcel? | The Complete React Course | Ep.07

Source Code: https://github.com/procodrr/react-course/tree/main/07_parcel 📖 Chapters 00:00 - Introduction 01:18 - Different Bundlers - Vite, Parcel, and Webpack 02:18 - What is Parcel? 02:59 - Setup node project and install React 04:48 - How does 'script.js' file execute? 06:12 - How to export and import data using Export/Import keywords in JavaScript? 08:46 - Why do we need Parcel? 12:41 - How to install Parcel using NPM? 14:22 - How to use Parcel? 15:00 - How does Parcel work? 20:38 - What is Hot Reloading or HMR(Hot Module Replacement)? 22:01 - How does Hot Reloading work in Parcel? 23:15 - Different ways in which Parcel helps! 25:26 - Does Parcel converts our code? 29:44 - How can we import ReactDOM? 35:33 - How Source Maps tricks you by showing node_modules? 41:01 - How to use build command for production ready - minified code? 45:20 - Conclusion Import and Export in JavaScript: https://youtu.be/58_rdS5EVxU In this video, we'll talk about different bundlers commonly used in web development, such as Vite, Parcel, and Webpack. We'll start with setting up a Node.js project and installing React, which is a fundamental step for most web applications. Throughout the video, we'll learn important concepts like exporting and importing data using JavaScript's Export and Import keywords, and we'll discuss the significance of using Parcel for our projects, highlighting its advantages and benefits. To grasp the practical aspects of using Parcel, we'll learn how to install it using NPM with practical examples of how to use it effectively in a project. One of the key features was Hot Reloading, or Hot Module Replacement (HMR), and how Parcel seamlessly supports it. We'll discuss different ways in which Parcel can assist developers in their workflow. We'll address concerns about code conversion and how Parcel handles this aspect, as well as practical insights into importing ReactDOM. In addition, we'll see Source Maps and how they can sometimes lead to challenges when displaying node_modules. Towards the end, we'll learn how to use the build command to generate production-ready, minified code, which is crucial for deploying a performant web application. By the end of the video, you'll get a comprehensive understanding of Parcel and its functionalities to streamline your web development projects. 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