mitosis

Komponenten einmal schreiben, in jedes Framework kompilieren

Überblick

Mitosis bietet eine einheitliche Entwicklungserfahrung über alle Frameworks hinweg und ermöglicht es Ihnen, Komponenten in einer einzigen Codebasis zu erstellen und sie für React, Vue, Angular, Svelte, Solid, Alpine, Qwik und mehr zu kompilieren.

Mit Mitosis können Sie:

• Pflegen Sie ein konsistentes Designsystem über mehrere Frameworks hinweg (Beispiel)

• Synchronisieren Sie Ihre Designsysteme von Figma mit dem Code und veröffentlichen Sie sie über Frameworks hinweg in npm

• Vermeiden Sie die Fallstricke von Webkomponenten, indem Sie sie in nativen Framework-Code kompilieren

PS: Wir sind aktiv auf der Suche nach Leuten, die daran interessiert sind, Mitwirkende bei Mitosis zu werden. Bei Interesse schauen Sie sich unsere Liste mit guten Erstausgaben an oder kontaktieren Sie uns auf unserem Discord

Schnellstart

Um ein neues Mitosis-Projekt von Grund auf zu erstellen, führen Sie den folgenden create aus:

 npm create @builder.io/mitosis@latest

Wenn Sie fertig sind, lesen Sie unbedingt die README.md die in Ihrem neuen Projekt generiert wurde. Es erklärt die Struktur Ihres Projekts und bietet eine Anleitung zum Erstellen/Testen Ihrer Komponenten.

Weitere Informationen finden Sie in den vollständigen Dokumentationen zu den ersten Schritten.

Integration mit Figma

Um die Generierung von Mitosis-Komponenten zu vereinfachen und den Code Ihres Designsystems mit Ihrem Designsystem in Figma synchron zu halten, lässt sich Mitosis in Figma integrieren.

Erfahren Sie mehr über unsere Figma-Integration.

Ressourcen

• Dokumentation

• Spielplatz

• Figma-Integration

• Mitose-Zwietracht

Beitragen

Möchten Sie einen Beitrag leisten? Gehen Sie zu den CONTRIBUTING-Dokumenten und sehen Sie, wie Sie mit der Einrichtung und den ersten Schritten beginnen können!

Wenn Sie bereit sind, schauen Sie sich unsere Problemseite an und holen Sie sich Ihre erste Ausgabe!