React Component Library Construction Guide
- React Component Library Construction Guide (i): Projektinitialisierung
- React Component Library Construction Guide (ii): Entwicklung und Debugging
- React Component Library Construction Guide (III): Zusammenstellung und Verpackung
- React Component Library Construction Guide (IV): Unit -Tests
- React Component Library Construction Guide (V): standardisierter Freisetzungsprozess
Online -Vorschau
? Lokale Vorschau
git clone [email protected]:worldzhao/react-ui-library-tutorial.git
cd react-ui-library-tutorial
pnpm install
pnpm start
Nach der Ausführung der Befehle in der Reihenfolge finden Sie den folgenden Inhalt im Localhost: 3000 -Port:
Überblick
Diese Artikelserie enthält hauptsächlich den folgenden Inhalt:
- Projektinitialisierung: Vorbereitung für die Entwicklung der Komponentenbibliothek.
eslint / commit lint / typescript usw.; - Entwicklungsstufe: Verwenden Sie Dumi für Entwicklungsdebugging und Dokumentationsschreiben;
- Verpackungsstufe: Ausgabe ~~
umd ~~ / cjs / esm -Produkte und Unterstützung bei der Nachfrage; - Komponententests: Verwenden Sie
@testing-library/react und ihre damit verbundene Ökologie, um Komponententests durchzuführen. - Veröffentlichung von NPM: Schreiben Sie ein Skript, um die Veröffentlichung zu vervollständigen oder NP direkt zu veröffentlichen.
- Dokumente stellen: Verwenden Sie GitHub -Seiten und GitHub -Aktionen, um die automatische Bereitstellung der Dokumenten -Site zu vervollständigen.
