Channel: Rachit Jain

Category: Education

Tags: algorithmsflipkartmotivationprogrammerleetcode solutionsdeveloper bhaiyaleetcodegooglecoding interview prepmicrosoftcoding tutorialsdata sturcturesamazongoldman sachsinterview questionsleetcode coding interviewcoding interview problemsds algosoftware engineeringsoftware engineerlife lessonsprogrammingcoding interviews

Description: In this video, we talk about Webpack - why its needed, what it does, the technical knowledge needed to understand Webpack, how to configure it to import different files like CSS, TypeScript, JSX, etc. Sponsored By Educative.io ✅ 𝗘𝗱𝘂𝗰𝗮𝘁𝗶𝘃𝗲.𝗶𝗼 [46% OFF] 👉🏻bit.ly/educative-unlimited-extra-discount Educative.io coupon "rachit" to get extra discount or use the link above to get "Unlimited" access to "ALL" courses on their websites - React, System Design, Coding Interview in C++, Python, Java, Redux, Docker and what not! Github Repo: github.com/rachitiitr/webpack101 Chapters 00:00 Sponsor 0:35 Preview of the video 0:50 Simple Demo of Webpack 3:29 ES Modules, CommonJS and Node 4:08 Watch Mode and Webpack Optimization Demo 6:41 Dead Code Removal Demo 8:36 Basic Setup for Integrating HTML, CSS with JavaScript 12:10 Loaders in Webpack Explained 14:34 Plugins in Webpack Explained 17:21 Chaining Loaders Together in Webpack 19:21 Chaining Plugins Together in Webpack 20:35 Can we import TypeScript modules into a JavaScript module? 22:00 How Loaders Make WebPack So Flexible? 24:34 Rendering React Components Without Create-React-App 𝗜𝗡𝗧𝗘𝗥𝗩𝗜𝗘𝗪 𝗣𝗥𝗘𝗣 𝗣𝗥𝗢𝗗𝗨𝗖𝗧𝗦 ✅ 𝗘𝗱𝘂𝗰𝗮𝘁𝗶𝘃𝗲.𝗶𝗼 [10% OFF for First 90 Users] 👉🏻educative.io/rachit ✅ 𝗗𝗮𝗶𝗹𝘆𝗖𝗼𝗱𝗶𝗻𝗴𝗣𝗿𝗼𝗯𝗹𝗲𝗺 [10$ OFF coupon "rachit"] 👉🏻dailycodingproblem.com/rachit ✅ 𝗦𝘆𝘀𝘁𝗲𝗺 𝗗𝗲𝘀𝗶𝗴𝗻 [Discount for Indian audience] 👉🏻bit.ly/design-rachit ✅ 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴 𝗕𝗼𝗼𝗸𝘀 [Amazon Affiliate] 👉🏻amazon.in/shop/rachitjain SUBSCRIBE AND HIT BELL ICON TO CHECK MORE OF MY CONTENT youtube.com/RachitJain?sub_confirmation=1 𝗦𝗢𝗖𝗜𝗔𝗟 𝗣𝗥𝗢𝗙𝗜𝗟𝗘𝗦 ✅ Portfolio Website - rachitiitr.com ✅ Instagram - instagram.com/rachitiitr ✅ LinkedIn - linkedin.com/in/rachitiitr ✅ Twitter - twitter.com/rachitiitr ✅ Github - github.com/rachitiitr/DataStructures-Algorithms ✅ Facebook - fb.me/AlgorithmsWithRachitJain 𝗜𝗠𝗣𝗢𝗥𝗧𝗔𝗡𝗧 𝗣𝗟𝗔𝗬𝗟𝗜𝗦𝗧𝗦 ✅ 𝗖𝗼𝗱𝗶𝗻𝗴 𝗜𝗻𝘁𝗲𝗿𝘃𝗶𝗲𝘄 𝗟𝗲𝗰𝘁𝘂𝗿𝗲𝘀 👉🏻youtube.com/watch?v=J1JZjhdr3Oo&list=PLfBJlB6T2eOshO8-LYaMt-Pes1IFojJ_l ✅ 𝗚𝗿𝗮𝗽𝗵 𝗧𝗵𝗲𝗼𝗿𝘆 𝗣𝗹𝗮𝘆𝗹𝗶𝘀𝘁 👉🏻youtube.com/watch?v=xyJxCjweLKE&list=PLfBJlB6T2eOu3dTPKzvAf2axlmQUXGY91 ✅ 𝗖++ 𝗦𝗧𝗟 𝗣𝗹𝗮𝘆𝗹𝗶𝘀𝘁 👉🏻youtube.com/watch?v=g-1Cn3ccwXY&list=PLfBJlB6T2eOvyt21CIX_PMmhOgWHiFVab ✅ 𝗠𝘆 𝗣𝗲𝗿𝘀𝗼𝗻𝗮𝗹 𝗜𝗻𝘁𝗲𝗿𝘃𝗶𝗲𝘄 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲𝘀 👉🏻youtube.com/watch?v=0Vmtmqa9Og0&list=PLfBJlB6T2eOuUAof03sQFlUcrk_Bc7jOA ✅𝗣𝗿𝗼𝗱𝘂𝗰𝘁𝗶𝘃𝗶𝘁𝘆 𝗧𝗶𝗽𝘀 𝗣𝗹𝗮𝘆𝗹𝗶𝘀𝘁 👉🏻youtube.com/watch?v=0Vmtmqa9Og0&list=PLfBJlB6T2eOuUAof03sQFlUcrk_Bc7jOA ✅𝗟𝗶𝗳𝗲 𝗟𝗲𝘀𝘀𝗼𝗻𝘀 & 𝗠𝗲𝗻𝘁𝗼𝗿𝘀𝗵𝗶𝗽 👉🏻youtube.com/watch?v=9SGM0EqyUc0&list=PLfBJlB6T2eOv8klCHHNVLOmTOIxKu-xzn 𝗣𝗥𝗢𝗚𝗥𝗔𝗠𝗠𝗜𝗡𝗚 𝗣𝗥𝗢𝗙𝗜𝗟𝗘𝗦 ✅ Github ► github.com/rachitiitr/DataStructures-Algorithms ✅ Programming Blog ► rachitiitr.blogspot.com ✅ CodeForces ► codeforces.com/profile/rachitjain ✅ CodeChef ► codechef.com/users/rachitiitr