evangelist

Componentes de marketing do bit.dev

O conjunto reutilizável de componentes React usado para construir o site de marketing bit.dev. Este repositório é um microfrontend baseado em componentes que expõe componentes.

Coleta de componentes – escolha e use

Todos os componentes nesta base de código frontend foram criados e expostos usando Bit como um conjunto de componentes utilizáveis ​​de forma independente. Veja o escopo evangelist em bit.dev para explorar e integrar qualquer componente ao seu projeto.

• Instale componentes independentes com bbit install
• Use bbit import para explorar componentes em seu espaço de trabalho local e modificá-los de acordo com suas próprias necessidades.
• Experimente qualquer componente na área de jogos ao vivo dos documentos e na página de 'composições'.

Este é um micro-frontend baseado em componentes

Espere... o quê?

Toda a plataforma e site bit.dev não são construídos como um aplicativo monolítico . Em vez disso, ele é construído a partir de componentes mantidos em diferentes bases de código que são desenvolvidas separadamente e depois expostas e integradas usando Bit.

Mostre-me um exemplo!

Dê uma olhada na página inicial do bit.dev.

Você notará que ele é construído a partir de componentes que residem em diferentes bases de código front-end:

• componentes evangelist (aqui).
• componentes base-ui.
• Aplicativo contêiner (privado).
• etc.

Usamos Bit para conter e expor componentes de qualquer base de código como um conjunto de APIs em bit.dev que podem ser integrados em diferentes páginas e aplicativos. Por exemplo:

• Componentes evangelist expostos em bit.dev.
• Componentes base-ui expostos em bit.dev.

Componentes principais

Páginas

páginas inteiras com margens, fundos. Devido ao seu tamanho, os componentes da página não devem conter conteúdo granular e apenas definir o layout para seções individuais.

Seções

Áreas individuais que contêm a maior parte do conteúdo e podem ser reutilizadas entre as páginas. As seções podem ocupar espaços diferentes em páginas diferentes, portanto devem evitar dimensionamento e planos de fundo

Contente

Objetos de dados brutos para componentes visuais (como o modelo MVC). Um único componente de interface do usuário pode usar muitos componentes de conteúdo em locais diferentes, e o conteúdo pode ser apresentado de maneira diferente em diferentes componentes da interface do usuário.

Átomo / 'concreto'

Componentes específicos desta página inicial. Como componentes atômicos da UI, eles ainda são abstratos e não devem conter textos e conteúdo.

Configurar

1. Bit de instalação: npm install @teambit/bit --global
2. Clone este Bit Workspace: git clone https://github.com/teambit/evangelist.git evangelist
3. Vá para o diretório do espaço de trabalho: cd evangelist
4. Instale todos os pacotes e importe todos os componentes: bbit install
5. Execute a UI do Workspace para explorar os componentes do Evangelista: bbit start e vá para https://localhost:3000
6. Aproveitar!