react ui library tutorial

React 組件庫搭建指南

• React 組件庫搭建指南（一）：項目初始化
• React 組件庫搭建指南（二）：開發調試
• React 組件庫搭建指南（三）：編譯打包
• React 組件庫搭建指南（四）：單元測試
• React 組件庫搭建指南（五）：標準化發布流程

在線預覽

? 本地預覽

git clone [email protected]:worldzhao/react-ui-library-tutorial.git
cd react-ui-library-tutorial
pnpm install
pnpm start

按順序執行完命令後，即可在localhost:3000 端口看到以下內容：

概覽

本系列文章主要包含以下內容：

• 項目初始化: 組件庫前期開發準備工作。 eslint / commit lint / typescript等等；
• 開發階段: 使用dumi 進行開發調試以及文檔編寫；
• 打包階段: 輸出~~ umd ~~/ cjs / esm產物並支持按需加載；
• 組件測試: 使用@testing-library/react及其相關生態進行組件測試；
• 發布npm: 編寫腳本完成發布或直接使用np 發布；
• 部署文檔站點: 使用Github Pages 以及Github Actions 完成文檔站點自動部署。