Rethinking CSS - Introducing Stylex
summary
Stylex claims a zero-cost abstraction that compiles style objects to a static CSS file at build time, removing unused rules and expanding shorthands so the last applied style always wins and specificity disappears. Tooling is Babel, ESLint and static typing, with SSR and fast refresh supported. Facebook reports CSS dropping from tens of megabytes to under 200 KB before gzip, styles compose across components via atomic class-per-property generation, and the system is in beta with planned open sourcing.
AI-written summary · about
chapters (11)
- 0:00Intro
- 2:56What is Stylex
- 5:05Style Resolution
- 7:37Styles Across Components
- 9:13Atomic Styles
- 10:44Atomic Styles Features
- 12:02Style Access Tooling
- 12:52Developer Experience
- 14:13Questions
- 16:48More Questions
- 24:18Vanilla Extract
