First Class Styles
summary
History and tools that produce a concrete result not slogans CSS Modules plus webpack and a postcss local scope transform convert component CSS into locally scoped hashes so only a reset remains global The team ports an app and reports 70 CSS files, 782 rules, 948 selectors, 2886 declarations and 211 media queries All styles live next to components which speeds authoring and debugging and allows extraction of a central style guide while solutions like Aphrodite enable server-rendered critical CSS for initial render performance
AI-written summary · about
chapters (12)
- 0:00Introduction and journey
- 3:26Age of components
- 8:16Progressive single page apps
- 11:24CSS at scale problems
- 13:49BEM and component boundaries
- 16:20Webpack and CSS modules
- 21:59End of global CSS
- 24:48CSS in JavaScript trade-offs
- 27:18Aphrodite and critical CSS
- 29:03First class styles concept
- 30:05Real-world CSS modules benefits
- 32:53Conclusion and call to action
