Panduan Konstruksi Perpustakaan Komponen Bereaksi
- React Component Library Construction Guide (I): Inisialisasi Proyek
- Panduan Konstruksi Perpustakaan Komponen Bereaksi (II): Pengembangan dan Debugging
- Panduan Konstruksi Perpustakaan Komponen Bereaksi (III): Kompilasi dan Kemasan
- Panduan Konstruksi Perpustakaan Komponen Reaksi (IV): Pengujian Unit
- React Component Library Construction Guide (V): Proses pelepasan standar
Pratinjau online
? Pratinjau Lokal
git clone [email protected]:worldzhao/react-ui-library-tutorial.git
cd react-ui-library-tutorial
pnpm install
pnpm start
Setelah menjalankan perintah secara berurutan, Anda dapat melihat konten berikut di port localhost: 3000:
Ringkasan
Rangkaian artikel ini terutama mencakup konten berikut:
- Inisialisasi Proyek: Persiapan untuk Pengembangan Perpustakaan Komponen.
eslint / commit lint / typescript dll; - Tahap Pengembangan: Gunakan DUMI untuk pengembangan debugging dan penulisan dokumentasi;
- Tahap Pengemasan: Output ~~
umd ~~ / cjs / esm Produk dan Dukungan Pemuatan On-Demand; - Pengujian Komponen: Gunakan
@testing-library/react dan ekologi terkait untuk melakukan pengujian komponen; - Publikasikan NPM: Tulis skrip untuk menyelesaikan rilis atau langsung menggunakan NP untuk menerbitkan;
- Menyebarkan Situs Dokumen: Gunakan halaman GitHub dan tindakan GitHub untuk menyelesaikan penyebaran otomatis Situs Dokumen.