Что это такое?
Mitosis — это компилятор, который позволяет написать компонент интерфейса один раз и скомпилировать его в нативный код для React, Vue, Angular, Svelte, Solid, Qwik, Alpine и других фреймворков.
Mitosis — это компилятор, который позволяет написать компонент интерфейса один раз и скомпилировать его в нативный код для React, Vue, Angular, Svelte, Solid, Qwik, Alpine и других фреймворков.Это библиотека времени выполнения или компилятор, который я запускаю на этапе сборки?Это компилятор для этапа сборки, а не библиотека времени выполнения: компоненты пишутся на общем синтаксисе Mitosis, а на выходе для каждой целевой платформы генерируется нативный код конкретного фреймворка.
Это компилятор для этапа сборки, а не библиотека времени выполнения: компоненты пишутся на общем синтаксисе Mitosis, а на выходе для каждой целевой платформы генерируется нативный код конкретного фреймворка.Как начать новый проект на Mitosis?Создайте проект официальной командой create, затем следуйте сгенерированному файлу README.md, в котором описаны структура проекта и то, как собирать и тестировать компоненты.
Создайте проект официальной командой create, затем следуйте сгенерированному файлу README.md, в котором описаны структура проекта и то, как собирать и тестировать компоненты.Нужна ли мне определённая версия Node.js для работы с CLI?Да, в поле engines проекта требуется Node.js 16 или новее, чтобы запускать CLI Mitosis и инструменты сборки.
Да, в поле engines проекта требуется Node.js 16 или новее, чтобы запускать CLI Mitosis и инструменты сборки.Придётся ли мне отказаться от возможностей конкретного фреймворка, если я пишу один общий компонент?Поскольку один компонент Mitosis должен корректно компилироваться во многие разные фреймворки, его нужно писать на ограниченном общем синтаксисе, похожем на JSX, а не свободно использовать все возможности отдельно взятого фреймворка.
Поскольку один компонент Mitosis должен корректно компилироваться во многие разные фреймворки, его нужно писать на ограниченном общем синтаксисе, похожем на JSX, а не свободно использовать все возможности отдельно взятого фреймворка.Это в первую очередь для команд, которые держат дизайн-систему синхронной в нескольких фреймворках?Да, Mitosis рассчитан на команды, которым нужен единый источник компонентов, чтобы дизайн-система оставалась согласованной, будь то приложения на React, Vue, Angular, Svelte или Solid.
Да, Mitosis рассчитан на команды, которым нужен единый источник компонентов, чтобы дизайн-система оставалась согласованной, будь то приложения на React, Vue, Angular, Svelte или Solid.Может ли Mitosis синхронизировать компоненты с дизайнами в Figma?Да, у Mitosis есть интеграция с Figma, которая помогает генерировать компоненты из дизайнов и поддерживать дизайн-систему в Figma синхронной с кодом.
Да, у Mitosis есть интеграция с Figma, которая помогает генерировать компоненты из дизайнов и поддерживать дизайн-систему в Figma синхронной с кодом.Почему бы просто не использовать Web Components?В README отмечено, что Mitosis избегает проблем Web Components, компилируя код в нативный код каждого фреймворка, а не полагаясь на общую среду выполнения пользовательских элементов.
В README отмечено, что Mitosis избегает проблем Web Components, компилируя код в нативный код каждого фреймворка, а не полагаясь на общую среду выполнения пользовательских элементов.Можно ли публиковать скомпилированные компоненты в npm?Да, после компиляции можно опубликовать сгенерированный код для каждого фреймворка в npm, так что одна дизайн-система может выпускать отдельные пакеты для React, Vue или Svelte из одного исходника.
Да, после компиляции можно опубликовать сгенерированный код для каждого фреймворка в npm, так что одна дизайн-система может выпускать отдельные пакеты для React, Vue или Svelte из одного исходника.Можно ли попробовать Mitosis без установки чего-либо?Да, в README есть ссылка на онлайн-песочницу Playground, где можно экспериментировать с компонентами Mitosis прямо в браузере.
Да, в README есть ссылка на онлайн-песочницу Playground, где можно экспериментировать с компонентами Mitosis прямо в браузере.Which topics is it in?shopify, builder, solid, design-to-code, solidjs, figma, design-systems, declarative, jsx, low-code, no-code, svelte
shopify, builder, solid, design-to-code, solidjs, figma, design-systems, declarative, jsx, low-code, no-code, svelte