evangelist

Маркетинговые компоненты bit.dev

Многоразовый набор компонентов React, используемый для создания маркетингового веб-сайта bit.dev. Этот репозиторий представляет собой микроинтерфейс на основе компонентов , который предоставляет компоненты.

Коллекция компонентов – выбираем и пользуемся

Все компоненты в этой базе кода внешнего интерфейса были созданы и представлены с использованием Bit как набора независимо используемых компонентов. Ознакомьтесь с обзором evangelist на сайте bit.dev, чтобы изучить и интегрировать любой компонент в свой проект.

• Установите независимые компоненты с помощью bbit install
• Используйте bbit import , чтобы исследовать компоненты в локальном рабочем пространстве и изменять их в соответствии со своими потребностями.
• Попробуйте практический опыт работы с любым компонентом на игровой площадке документации и на странице «композиции».

Это микроинтерфейс на основе компонентов.

Подожди.. что?

Вся платформа и веб-сайт bit.dev не представляют собой одно монолитное приложение . Вместо этого он построен из компонентов, поддерживаемых в разных базах кода , которые разрабатываются отдельно, а затем предоставляются и интегрируются вместе с помощью Bit.

Покажите мне пример!

Взгляните на домашнюю страницу bit.dev.

Вы заметите, что он построен из компонентов, которые находятся в разных базах кода интерфейса:

• компоненты evangelist (здесь).
• компоненты base-ui.
• Приложение-контейнер (частное).
• и т. д.

Мы используем Bit для хранения и предоставления компонентов из любой кодовой базы в виде набора API-интерфейсов в bit.dev, которые можно интегрировать в различные страницы и приложения. Например:

• Открыты компоненты evangelist на bit.dev.
• Открытые компоненты base-ui на bit.dev.

Ключевые компоненты

Страницы

полные страницы с полями, фоном. Из-за своего размера компоненты страницы не должны содержать детализированный контент и должны задавать макет только для отдельных разделов.

Разделы

Отдельные области содержат большую часть контента и могут повторно использоваться между страницами. Разделы могут занимать разное пространство на разных страницах, поэтому следует избегать их размера и фона.

Содержание

Объекты необработанных данных для визуальных компонентов (например, модели MVC). Один компонент пользовательского интерфейса может использовать множество компонентов контента в разных местах, а контент может быть представлен по-разному в разных компонентах пользовательского интерфейса.

Атом / «бетон»

Компоненты, специфичные для этой домашней страницы. Будучи атомарными компонентами пользовательского интерфейса, они по-прежнему абстрактны и не должны содержать текст и контент.

Настраивать

1. Бит установки: npm install @teambit/bit --global
2. Клонируйте это рабочее пространство Bit: git clone https://github.com/teambit/evangelist.git evangelist
3. Перейдите в каталог рабочей области: cd evangelist
4. Установите все пакеты и импортируйте все компоненты: bbit install
5. Запустите пользовательский интерфейс Workspace, чтобы изучить компоненты Evangalist: bbit start и перейдите по адресу https://localhost:3000.
6. Наслаждаться!