mitosis

Escreva os componentes uma vez e compile em cada estrutura

Visão geral

Mitosis fornece uma experiência de desenvolvimento unificada em todas as estruturas, permitindo construir componentes em uma única base de código e compilá-los para React, Vue, Angular, Svelte, Solid, Alpine, Qwik e muito mais.

Usando Mitose, você pode:

• Mantenha um sistema de design consistente em várias estruturas (exemplo)

• Sincronize seus sistemas de design do Figma com o código e publique-os no npm em todas as estruturas

• Evite as armadilhas dos componentes da web compilando para o código da estrutura nativa

PS: Estamos procurando ativamente pessoas interessadas em se tornarem contribuidores da Mitosis. Se estiver interessado, veja nossa lista de boas primeiras edições ou entre em contato em nosso Discord

Início rápido

Para criar um novo projeto Mitosis do zero, execute o seguinte comando create :

 npm create @builder.io/mitosis@latest

Depois de concluído, certifique-se de ler o README.md gerado em seu novo projeto. Ele explicará a estrutura do seu projeto e fornecerá um passo a passo sobre como construir/testar seus componentes.

Leia a documentação completa de primeiros passos para saber mais.

Integração com Figma

Para facilitar a geração de componentes do Mitosis, bem como para manter seu sistema de design em código sincronizado com seu sistema de design no Figma, o Mitosis se integra ao Figma.

Saiba mais sobre nossa integração Figma.

Recursos

• Documentação

• Parque infantil

• Integração Figma

• Discórdia da Mitose

Contribuir

Interessado em contribuir? Acesse a documentação de CONTRIBUIÇÃO e veja como você pode configurar e começar!

Quando estiver pronto, confira nossa página de edições e pegue sua primeira edição!