mitosis

コンポーネントを一度作成すれば、あらゆるフレームワークにコンパイルできる

概要

Mitosis は、すべてのフレームワークにわたって統合された開発エクスペリエンスを提供し、単一のコードベースでコンポーネントを構築し、React、Vue、Angular、Svelte、Solid、Alpine、Qwik などにコンパイルできるようにします。

有糸分裂を使用すると、次のことが可能になります。

• 複数のフレームワークにわたって一貫したデザインシステムを維持する（例）

• 設計システムを Figma からコードに同期し、フレームワーク全体で npm に公開します

• ネイティブ フレームワーク コードにコンパイルすることで、Web コンポーネントの落とし穴を回避します

PS: 私たちは、Mitosis への貢献者になることに興味のある人を積極的に探しています。ご興味がございましたら、優れた最初の号のリストをご覧いただくか、Discord にご連絡ください。

クイックスタート

新しい分裂プロジェクトを最初から作成するには、次のcreateコマンドを実行します。

 npm create @builder.io/mitosis@latest

完了したら、新しいプロジェクトで生成されたREADME.md必ず読んでください。プロジェクトの構造を説明し、コンポーネントを構築/テストする方法についてのチュートリアルを提供します。

詳細については、入門ドキュメントの全文をお読みください。

Figma との統合

Mitosis コンポーネントの生成を容易にし、コード内の設計システムと Figma の設計システムの同期を維持するために、Mitosis は Figma と統合されています。

Figma の統合について詳しくは、こちらをご覧ください。

リソース

• ドキュメント

• 遊び場

• Figma の統合

• 有糸分裂の不一致

貢献する

貢献に興味がありますか?貢献ドキュメントにアクセスして、セットアップと開始方法を確認してください。

準備ができたら、問題ページをチェックして、最初の問題を入手してください。