evangelist

Marketingkomponenten von bit.dev

Der wiederverwendbare Satz von React-Komponenten, der zum Erstellen der bit.dev-Marketing-Website verwendet wird. Dieses Repository ist ein komponentenbasiertes Mikro-Frontend , das Komponenten verfügbar macht.

Komponentensammlung – auswählen und verwenden

Alle Komponenten in dieser Frontend-Codebasis wurden mit Bit als Satz unabhängig verwendbarer Komponenten erstellt und verfügbar gemacht. Sehen Sie sich den evangelist Bereich auf bit.dev an, um beliebige Komponenten zu erkunden und in Ihr Projekt zu integrieren.

• Installieren Sie unabhängige Komponenten mit bbit install
• Verwenden Sie bbit import um Komponenten in Ihrem lokalen Arbeitsbereich zu erkunden und sie an Ihre eigenen Bedürfnisse anzupassen.
• Probieren Sie jede Komponente im Live-Playground der Dokumentation und auf der Seite „Kompositionen“ aus.

Dies ist ein komponentenbasiertes Mikro-Frontend

Warte... was?

Die gesamte bit.dev-Plattform und Website ist nicht als eine monolithische Anwendung aufgebaut . Stattdessen besteht es aus Komponenten, die in verschiedenen Codebasen verwaltet werden , die separat entwickelt, dann bereitgestellt und mithilfe von Bit zusammen integriert werden.

Zeig mir ein Beispiel!

Schauen Sie sich die Homepage von bit.dev an.

Sie werden feststellen, dass es aus Komponenten besteht, die in verschiedenen Front-End-Codebasen leben:

• evangelist (hier).
• Basis-UI-Komponenten.
• Containeranwendung (privat).
• usw

Wir verwenden Bit, um Komponenten aus jeder Codebasis als eine Reihe von APIs in bit.dev zu enthalten und verfügbar zu machen, die in verschiedene Seiten und Anwendungen integriert werden können. Zum Beispiel:

• Offengelegte evangelist auf bit.dev.
• Basis-UI-Komponenten auf bit.dev verfügbar gemacht.

Schlüsselkomponenten

Seiten

Ganze Seiten mit Rändern, Hintergründen. Aufgrund ihrer Größe sollten Seitenkomponenten keinen detaillierten Inhalt enthalten und nur das Layout für einzelne Abschnitte festlegen.

Abschnitte

Einzelne Bereiche enthalten den größten Teil des Inhalts und können zwischen Seiten wiederverwendet werden. Abschnitte können auf verschiedenen Seiten unterschiedliche Plätze einnehmen, daher sollten Größen und Hintergründe vermieden werden

Inhalt

Rohdatenobjekte für visuelle Komponenten (wie das MVC-Modell). Eine einzelne UI-Komponente kann viele Inhaltskomponenten an verschiedenen Stellen verwenden und Inhalte können in verschiedenen UI-Komponenten unterschiedlich dargestellt werden.

Atom / 'Beton'

Komponenten, die speziell für diese Homepage gelten. Als atomare UI-Komponenten sind sie dennoch abstrakt und sollten keine Texte und Inhalte enthalten.

Aufstellen

1. Bit installieren: npm install @teambit/bit --global
2. Klonen Sie diesen Bit-Arbeitsbereich: git clone https://github.com/teambit/evangelist.git evangelist
3. Gehen Sie zum Arbeitsbereichsverzeichnis: cd evangelist
4. Installieren Sie alle Pakete und importieren Sie alle Komponenten: bbit install
5. Führen Sie die Workspace-Benutzeroberfläche aus, um die Evangalist-Komponenten zu erkunden: bbit start und gehen Sie zu https://localhost:3000
6. Genießen!