Modular CSS
summary
Explains making CSS modular by importing styles into JavaScript using PostCSS and bundling with Webpack, employing CSS Modules to produce short hashed class names and explicit imports. Describes a real migration from Sass to PostCSS that improved compile speed about 10×, recommends one-directory-per-component and exporting variables between style files, and shows that this build-time approach isolates styles, reduces global conflicts, and supports server-side rendering.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:27Scalable UI components
- 7:32CSS in large projects
- 10:32Tech separation & structure
- 15:57Style isolation with BEM
- 22:36CSS Modules
- 29:43CSS Modules pros/cons
- 31:10Preprocessors & tools
- 34:26Plugins & automation
- 38:52Summary
- 42:06Q&A
