Escriba componentes una vez, compílelos en cada marco
Mitosis proporciona una experiencia de desarrollo unificada en todos los marcos, lo que le permite crear componentes en una única base de código y compilarlos en React, Vue, Angular, Svelte, Solid, Alpine, Qwik y más.
Usando Mitosis, puedes:
Mantener un sistema de diseño consistente en múltiples marcos (ejemplo)
Sincronice sus sistemas de diseño desde Figma con el código y publíquelos en npm en todos los marcos
Evite los errores de los componentes web compilando en código de marco nativo
PD: Estamos buscando activamente personas interesadas en contribuir a Mitosis. Si está interesado, consulte nuestra lista de buenos primeros números o comuníquese con nuestro Discord.
Para crear un nuevo proyecto de Mitosis desde cero, ejecute el siguiente comando create
:
npm crear @builder.io/mitosis@latest
Una vez completado, asegúrese de leer el README.md
generado en su nuevo proyecto. Explicará la estructura de su proyecto y proporcionará un tutorial sobre cómo construir/probar sus componentes.
Lea los documentos completos de introducción para obtener más información.
Para facilitar la generación de componentes de Mitosis, así como para mantener su sistema de diseño en código sincronizado con su sistema de diseño en Figma, Mitosis se integra con Figma.
Obtenga más información sobre nuestra integración Figma.
Documentación
Patio de juegos
Integración de Figma
Discordia por mitosis
¿Interesado en contribuir? ¡Dirígete a los documentos CONTRIBUYENTES y descubre cómo puedes configurar y comenzar!
Una vez que esté listo, consulte nuestra página de problemas y obtenga su primer número.