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
