Mitosis 跨框架组件编译器

要解决的问题

团队同时给 React、Vue、Angular、Svelte、Solid、Qwik 等框架输出组件时，常见的做法是同一套 UI 逻辑维护多份源码。结果是设计系统随框架数量线性膨胀：一次视觉调整要改五六个目录，类型与行为容易漂移，回归测试成本成倍增加。Mitosis 要解决的就是这个「一份设计、多份实现」的重复劳动。

核心能力

Mitosis 的思路是一次编写，多端编译：

• 用统一的组件模型描述 UI，再将同一份源码编译到 React、Vue、Angular、Svelte、Solid、Qwik 等主流框架；
• 每个框架拿到的是符合该生态习惯的产物，而不是简单的运行时适配层；
• 通过单一代码库维护跨框架的一致设计系统，组件行为与视觉随框架同步演进；
• 适合需要长期维护统一组件库、同时服务多个技术栈团队的场景。

适用边界

• 它解决的是组件层的跨框架复用，不替代状态管理、路由、数据请求等框架基础设施；
• 各框架的生态差异（生命周期、响应式、渲染语义）仍会在产物中体现，编译不是魔法；
• 对高度依赖某框架原生能力（hooks、装饰器、编译器宏）的组件，可能需要引入额外约定或改造写法；
• 接入前建议在代表性组件上做一轮产物验证，确认目标框架下的行为与可维护性符合预期。