Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React and Sass Webpack Tutorial - Extract CSS Into Its Own Separate File

LearnWebCode via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to set up a comprehensive development environment for React applications using webpack, Babel, and Sass in this detailed tutorial video. Explore essential concepts such as webpack loaders, CSS and Sass integration, React component creation, and production optimization techniques. Follow along as the instructor guides you through building a React math game, organizing components into separate files, and implementing advanced features like CSS extraction and cache-busting. Gain practical knowledge on configuring @babel/preset-env and using Emmet in JSX within VSCode. Access provided GitHub repositories for starter files and the finished product to enhance your learning experience.

Syllabus

Intro.
Getting Started.
Loaders in webpack.
CSS.
Sass.
React Math Game.
Separate Component Files.
Optimizing For Production.
Extract CSS Into Its Own File.
Hash / Cache-Busting String.
@babel/preset-env.
Emmet in JSX in VSCode.
Outro.

Taught by

LearnWebCode

Reviews

Start your review of React and Sass Webpack Tutorial - Extract CSS Into Its Own Separate File

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.