📖 AI 总结

Linear 团队历时约五个月、提交超过 1000 个 PR，于 2026 年 8 月初完成从 styled-components 到 Meta 旗下 StyleX 的迁移。迁移的核心动因有二：一是 React 18 并发渲染放大了运行时 CSS-in-JS 的样式生成与注入开销，此前基于 useInsertionEffect 的优化分支曾将渲染时间缩短 40%；二是 styled(Button) 这类模式让外部随意覆盖组件样式过于容易，团队希望借迁移强化封装边界，尤其在编码代理日益普及的背景下。StyleX 将样式生成移至构建阶段并输出无冲突的原子类，Linear 还自建确定性 codemod 处理了 500 多个 PR、约 10 万行代码。收益方面，视图密集型页面主线工作量减少 20% 至 35%，中端机器导航速度提升约 30%，页面切换不再注入 CSS 规则。此举也折射出业界在运行时灵活性与可预测性能、严格组件边界之间的权衡趋势。