mitosis

Напишите компоненты один раз, скомпилируйте их в любой фреймворк.

Обзор

Mitosis предоставляет унифицированный опыт разработки для всех платформ, позволяя создавать компоненты в единой базе кода и компилировать их в React, Vue, Angular, Svelte, Solid, Alpine, Qwik и другие.

Используя Митоз, вы можете:

• Поддерживать единую систему проектирования в нескольких средах (пример)

• Синхронизируйте свои системы дизайна из Figma с кодом и публикуйте их в npm на разных платформах.

• Избегайте ошибок веб-компонентов, компилируя их в собственный код платформы.

PS: Мы активно ищем людей, заинтересованных в участии в Mitosis. Если интересно, посмотрите наш список хороших первых выпусков или свяжитесь с нами в Discord.

Быстрый старт

Чтобы создать новый проект Mitosis с нуля, выполните следующую команду create :

 npm create @builder.io/mitosis@latest

После завершения обязательно прочтите README.md , созданный в вашем новом проекте. Он объяснит структуру вашего проекта и предоставит пошаговое руководство по сборке/тестированию ваших компонентов.

Чтобы узнать больше, прочтите полную документацию по началу работы.

Интеграция с Фигмой

Чтобы упростить создание компонентов Mitosis, а также синхронизировать код вашей системы дизайна с вашей системой дизайна в Figma, Mitosis интегрируется с Figma.

Узнайте больше об интеграции Figma.

Ресурсы

• Документация

• Детская площадка

• Интеграция Фигмы

• Разлад митоза

Способствовать

Хотите внести свой вклад? Перейдите к документации CONTRIBUTING и узнайте, как можно настроить и начать работу!

Когда вы будете готовы, посетите нашу страницу вопросов и получите свой первый выпуск!