evangelist

Composants marketing de bit.dev

L'ensemble réutilisable de composants React utilisé pour créer le site Web marketing bit.dev. Ce référentiel est une micro-interface basée sur des composants qui expose les composants.

Collection de composants - choisir et utiliser

Tous les composants de cette base de code frontend ont été créés et exposés en utilisant Bit comme un ensemble de composants utilisables indépendamment. Consultez la portée evangelist sur bit.dev pour explorer et intégrer n'importe quel composant dans votre projet.

• Installer des composants indépendants avec bbit install
• Utilisez bbit import pour explorer les composants de votre espace de travail local et les modifier selon vos propres besoins.
• Essayez n'importe quel composant en pratique dans le terrain de jeu en direct de la documentation et dans la page « compositions ».

Il s'agit d'une micro-interface basée sur des composants

Attends... quoi ?

L'ensemble de la plate-forme bit.dev et du site Web n'est pas construit comme une seule application monolithique . Au lieu de cela, il est construit à partir de composants conservés dans différentes bases de code qui sont développés séparément, puis exposés et intégrés ensemble à l'aide de Bit.

Montre-moi un exemple !

Jetez un œil à la page d’accueil de bit.dev.

Vous remarquerez qu'il est construit à partir de composants qui résident dans différentes bases de code frontales :

• composants evangelist (ici).
• composants de base-ui.
• Application conteneur (privée).
• etc.

Nous utilisons Bit pour contenir et exposer les composants de n'importe quelle base de code sous la forme d'un ensemble d'API dans bit.dev qui peuvent être intégrées dans différentes pages et applications. Par exemple:

• Composants evangelist exposés sur bit.dev.
• Composants de base-ui exposés sur bit.dev.

Composants clés

Pages

pages entières avec marges, fonds. En raison de leur taille, les composants Page ne doivent pas contenir de contenu granulaire et définir uniquement la mise en page des sections individuelles.

Sections

Zones individuelles contenant la majeure partie du contenu et pouvant être réutilisées entre les pages. Les sections peuvent occuper différents espaces dans différentes pages, elles doivent donc éviter la taille et les arrière-plans.

Contenu

Objets de données brutes pour les composants visuels (comme le modèle MVC). Un seul composant d'interface utilisateur peut utiliser de nombreux composants de contenu à différents endroits, et le contenu peut être présenté différemment dans différents composants d'interface utilisateur.

Atome / 'béton'

Composants spécifiques à cette page d'accueil. En tant que composants atomiques de l’interface utilisateur, ils sont toujours abstraits et ne doivent pas contenir de textes ni de contenu.

Installation

1. Installer Bit : npm install @teambit/bit --global
2. Cloner cet espace de travail Bit : git clone https://github.com/teambit/evangelist.git evangelist
3. Accédez au répertoire de l'espace de travail : cd evangelist
4. Installez tous les packages et importez tous les composants : bbit install
5. Exécutez l'interface utilisateur de Workspace pour explorer les composants Evangalist : bbit start et accédez à https://localhost:3000
6. Apprécier!