Skip to content
InfoQ·

🚀Linear Migrates React Apps to StyleX, Cuts Main-Thread Work by 20-35%

Linear's React apps now run 30% faster after a major migration

TL;DR

Linear completed a massive migration of its React apps from styled-components to StyleX, reducing main-thread work by 20-35%. The move involved over 1,000 pull requests and five months of work.

Linear, a project management tool, has completed a massive migration of its React applications from styled-components to Meta's StyleX. This move involved over 1,000 pull requests and took five months to complete. The migration was driven by the need to reduce main-thread work and improve navigation speed, with the payoff being 20 to 35% less main-thread work on view-heavy pages and 30% faster navigation on a mid-tier machine. StyleX shifts style generation to build time, emitting collision-free atomic classes, which is a significant shift from the runtime injection of styled-components. The project was 58% complete when an earlier write-up was published, and it finished in early August 2026.

Linear Migrates React Apps to StyleX, Cuts Main-Thread Work by 20-35% — InfoQ

Key Points

1

Linear's migration involved over 1,000 pull requests and five months of work, finishing in early August 2026.

2

Sanity's Cody Olsen optimized a fork of styled-components using React 18's useInsertionEffect, reducing Linear's render times by 40%.

3

Linear evaluated most React styling options and found vanilla-extract the closest alternative but rejected it for its fragmented API and separate style files.

4

StyleX shifts style generation to build time and emits collision-free atomic classes, reducing runtime costs and improving performance.

5

The payoff of the migration was 20 to 35% less main-thread work on view-heavy pages and 30% faster navigation on a mid-tier machine.

Why It Matters

If you're running a React app with heavy styling needs, Linear's migration to StyleX is a big deal. The move reduced main-thread work by 20-35% and improved navigation speed by 30%. This is especially relevant for teams looking to optimize performance without sacrificing flexibility.

reactstyled-componentsstylexperformancemigration

Comments

Subscribe to join the conversation...

Be the first to comment

Enjoyed this article?

Get it daily. 7am. Free. Reads in 5 minutes.

Join 3,564 builders reading daily.

Also get