Mitosis 是一個開源工具,可以將 JSX 組件轉換為 Angular、React、Qwik、Vue、Svelte、Solid 和 React Native 等框架的功能齊全的組件。
![]() | 13019 |
![]() | 593 |
主要特點
-
跨框架兼容性:Mitosis 允許開發者編寫一次組件,然后編譯成多個主流前端框架的代碼,極大地提高了開發效率和組件的可復用性。
-
類型安全:基于 TypeScript,Mitosis 保證了組件代碼的類型安全,減少了運行時錯誤。
-
統一設計系統:對于需要維護多框架設計系統庫的項目,Mitosis 可以減少重復勞動,降低維護成本。
-
易于集成:提供了清晰的配置指南和 CLI 工具,使得 Mitosis 可以輕松集成到現有項目中。
-
集成 Figma :將你的設計系統從 Figma 同步到代碼,并跨框架將其發布到 npm。
Mitosis 的靈感來自許多現代框架。你將看到一些組件,它們看起來像 React 組件并使用類似 React 的鉤子,但具有像 Vue 一樣的簡單可變狀態,使用像 Solid 一樣的靜態 JSX 形式,像 Svelte 一樣進行編譯,并使用像 Angular 一樣的簡單規范結構。項目中需要類似設計的時候,不妨試一試 Mitosis。
GitHub:https://github.com/BuilderIO/mitosis?