React (Babel) and Sass webpack Tutorial: Extract CSS Into Its Own Separate File
Join my premium 2024 bootcamp here https://learnwebcode.teachable.com/p/...
Let's learn how to setup Babel, React, JSX, CSS, Sass and more with webpack!
0:00 Intro
1:27 Getting Started
6:19 Loaders in webpack
15:26 CSS
22:55 Sass
26:55 React Math Game
31:11 Separate Component Files
33:41 Optimizing For Production
37:44 Extract CSS Into Its Own File
42:49 Hash / Cache-Busting String
52:04 @babel/preset-env
57:01 Emmet in JSX in VSCode
59:59 Outro
Starter Files GitHub: https://github.com/LearnWebCode/youtu...
CodePen Copy & Paste Reference: https://codepen.io/learnwebcode/pen/E...
Finished Product GitHub: https://github.com/LearnWebCode/react...
Playlist for this full series: • Brad's Bootcamp - Free Coding Bootcamp
Follow me for updates on new episodes:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316048470
Twitch: / learnwebcode
Watch video React (Babel) and Sass webpack Tutorial: Extract CSS Into Its Own Separate File online without registration, duration hours minute second in high quality. This video was added by user LearnWebCode 05 October 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 28,763 once and liked it 1.1 thousand people.