CSS-in-JS
summary
CSS-in-JS libraries bind CSS to components so styles hash to unique class names, get removed when components are deleted, and let server render only critical CSS for each page. The ecosystem timeline shows Aphrodite introducing critical CSS extraction, Emotion v10 adding the CSS prop API, and Stylus tooling that cuts bundle size by ~90%. Atomic and inline approaches (styletron, Glamorous, Radium) trade output size and features; advice is: prototype, iterate for API and performance, and document everything.
AI-written summary · about
chapters (5)
related talks
28mSee the Past, Present, and Future of CSS-in-JS
39m"CSS in JS - The good, The bad and The ugly"
45mCSS-in-JS: FTW
29mUsing Atomic CSS-IN-JS to Improve DX and UX
34mCSS in React
26mCSS in JS: The Good & The Bad Parts
24mA thorough analysis of CSS-in-JS
31mUnique Value Proposition of CSSinJS and the Future