1 link tagged with all of: react + css-in-js + migration + performance
Click any tag below to further narrow down your results
Links
Linear moved its React apps from styled-components to StyleX to cut runtime style generation and boost render performance. They built a 100k-line codemod, used scoped agents, and enforced stricter styling contracts to avoid cascading overrides and ensure predictable styles.
- Linear built a 100k-line codemod (styled-components-to-stylex) across 500+ PRs to migrate from styled-components to StyleX
- Migrating 58% of files so far yielded roughly 30% faster page-to-page renders
- StyleX's strict rules (no parent-dependent selectors, no external overrides) trade CSS flexibility for predictable, build-time-extracted styles
- Styled-components stalled in maintenance mode by not adopting React 18's useInsertionEffect, pushing Linear toward alternatives like vanilla-extract and StyleX