The past, present and future of CSS-in-JS
summary
Covers concrete claims and demos: CSS-in-JS co-locates styles with components, removes dead CSS on deletion, and enables critical CSS extraction for SSR; performance optimizations (atomic classes, stylesheet insertRule, tiny parser stylis) shrink bundles and speed rendering. Notes tooling lineage—JSS, Aphrodite, styled-components, Emotion—and reports adoption numbers (60% of React npm installs). Presents what was built (styled-components, stylis integration) and that these changes measurably improve maintenance and runtime performance.
AI-written summary · about
chapters (15)
- 0:00Start
- 2:49Reasons Why I Like Css
- 5:07Fast Performance
- 6:30Dynamic Styling
- 10:33Assigning the Css to the Style Attribute
- 11:54Css Modules
- 13:49Css Extraction
- 16:44Style Components
- 18:36Astroturf
- 19:56Style Components V2
- 22:13Emotion V10
- 22:39Themed Ui
- 25:00Generic Tips
- 26:32Share Early and Share Often
- 30:19Microsoft Edge
related talks
28mSee the Past, Present, and Future of CSS-in-JS
31mUnique Value Proposition of CSSinJS and the Future
26mCSS in JS: The Good & The Bad Parts
47mThe road to styled components, and the road ahead
38mA Unified Styling Language
04mThe Road to Styled Components
24mA thorough analysis of CSS-in-JS
34mCSS in React