Modular CSS
summary
Argues a concrete claim: component‑scoped styling (using CSS Modules or styled-components) gives traceability, avoids naming collisions and lets styles live with logic; tool demos include Styletron and CSS‑in‑JS producing server‑rendered class names, React Native and Sketch exports, and a 60fps animation test with hundreds of elements; benchmarking shows ~half the CSS output with Styletron and a median 72% repetition in top sites so modular approaches cut real bytes and maintenance cost.
AI-written summary · about
chapters (16)
- 0:00Start
- 1:22A brief history of CSS
- 4:24Web-applications are built with UI Components
- 5:31Separation of concerns
- 8:30What about styles?
- 10:43Manual work
- 17:13styled-components [...] removes the mapping between components and styles.
- 17:28Styled Primitives
- 19:13Universal rendering
- 20:35Design systems shared between designers and developers!
- 22:203. Maintanability Speed
- 24:53styletron
- 25:43Use functional CSS
- 26:15SASS has variables, mixins, etc.
- 31:37Takeaways
- 33:19Stay open-minded & keep experimenting!
