The Evolution of Zero-Runtime CSS in 2023
From styled-components to Vanilla Extract, Panda CSS, and Tailwind.
During the heyday of CSS-in-JS, developer ergonomics reigned supreme. However, as applications scaled, client-side runtime style injection led to notable main-thread contention.
The Shift to Static Extraction
Compile-time extractors evaluate style declarations ahead of time:
- No runtime overhead.
- Predictable specificity.
- Full benefits of atomic deduplication.
This paradigm shift paved the way for the sleek utility pipelines we enjoy today.