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] ๐๐ปhttps://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: https://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] ๐๐ปhttps://educative.io/rachit
โ
๐๐ฎ๐ถ๐น๐๐๐ผ๐ฑ๐ถ๐ป๐ด๐ฃ๐ฟ๐ผ๐ฏ๐น๐ฒ๐บ [10$ OFF coupon "rachit"] ๐๐ปhttps://dailycodingproblem.com/rachit
โ
๐ฆ๐๐๐๐ฒ๐บ ๐๐ฒ๐๐ถ๐ด๐ป [Discount for Indian audience] ๐๐ปhttps://bit.ly/design-rachit
โ
๐ฃ๐ฟ๐ผ๐ด๐ฟ๐ฎ๐บ๐บ๐ถ๐ป๐ด ๐๐ผ๐ผ๐ธ๐ [Amazon Affiliate] ๐๐ปhttps://amazon.in/shop/rachitjain
SUBSCRIBE AND HIT BELL ICON TO CHECK MORE OF MY CONTENT
http://youtube.com/RachitJain?sub_confirmation=1
๐ฆ๐ข๐๐๐๐ ๐ฃ๐ฅ๐ข๐๐๐๐๐ฆ
โ
Portfolio Website - https://rachitiitr.com
โ
Instagram - https://www.instagram.com/rachitiitr
โ
LinkedIn - https://linkedin.com/in/rachitiitr
โ
Twitter - https://twitter.com/rachitiitr
โ
Github - https://github.com/rachitiitr/DataStructures-Algorithms
โ
Facebook - https://fb.me/AlgorithmsWithRachitJain
๐๐ ๐ฃ๐ข๐ฅ๐ง๐๐ก๐ง ๐ฃ๐๐๐ฌ๐๐๐ฆ๐ง๐ฆ
โ
๐๐ผ๐ฑ๐ถ๐ป๐ด ๐๐ป๐๐ฒ๐ฟ๐๐ถ๐ฒ๐ ๐๐ฒ๐ฐ๐๐๐ฟ๐ฒ๐ ๐๐ปhttps://www.youtube.com/watch?v=J1JZjhdr3Oo&list=PLfBJlB6T2eOshO8-LYaMt-Pes1IFojJ_l
โ
๐๐ฟ๐ฎ๐ฝ๐ต ๐ง๐ต๐ฒ๐ผ๐ฟ๐ ๐ฃ๐น๐ฎ๐๐น๐ถ๐๐ ๐๐ปhttps://www.youtube.com/watch?v=xyJxCjweLKE&list=PLfBJlB6T2eOu3dTPKzvAf2axlmQUXGY91
โ
๐++ ๐ฆ๐ง๐ ๐ฃ๐น๐ฎ๐๐น๐ถ๐๐ ๐๐ปhttps://www.youtube.com/watch?v=g-1Cn3ccwXY&list=PLfBJlB6T2eOvyt21CIX_PMmhOgWHiFVab
โ
๐ ๐ ๐ฃ๐ฒ๐ฟ๐๐ผ๐ป๐ฎ๐น ๐๐ป๐๐ฒ๐ฟ๐๐ถ๐ฒ๐ ๐๐
๐ฝ๐ฒ๐ฟ๐ถ๐ฒ๐ป๐ฐ๐ฒ๐ ๐๐ปhttps://www.youtube.com/watch?v=0Vmtmqa9Og0&list=PLfBJlB6T2eOuUAof03sQFlUcrk_Bc7jOA
โ
๐ฃ๐ฟ๐ผ๐ฑ๐๐ฐ๐๐ถ๐๐ถ๐๐ ๐ง๐ถ๐ฝ๐ ๐ฃ๐น๐ฎ๐๐น๐ถ๐๐ ๐๐ปhttps://www.youtube.com/watch?v=0Vmtmqa9Og0&list=PLfBJlB6T2eOuUAof03sQFlUcrk_Bc7jOA
โ
๐๐ถ๐ณ๐ฒ ๐๐ฒ๐๐๐ผ๐ป๐ & ๐ ๐ฒ๐ป๐๐ผ๐ฟ๐๐ต๐ถ๐ฝ ๐๐ปhttps://www.youtube.com/watch?v=9SGM0EqyUc0&list=PLfBJlB6T2eOv8klCHHNVLOmTOIxKu-xzn
๐ฃ๐ฅ๐ข๐๐ฅ๐๐ ๐ ๐๐ก๐ ๐ฃ๐ฅ๐ข๐๐๐๐๐ฆ
โ
Github โบ https://github.com/rachitiitr/DataStructures-Algorithms
โ
Programming Blog โบ http://rachitiitr.blogspot.com
โ
CodeForces โบ http://www.codeforces.com/profile/rachitjain
โ
CodeChef โบ http://www.codechef.com/users/rachitiitr