react ui library tutorial

React Component Library Construction Guide

• 反応コンポーネントライブラリ構造ガイド（i）：プロジェクトの初期化
• React Component Library Construction Guide（II）：開発とデバッグ
• React Component Library Construction Guide（III）：コンピレーションとパッケージ
• React Component Library Construction Guide（IV）：ユニットテスト
• React Component Library Construction Guide（V）：標準化されたリリースプロセス

オンラインプレビュー

？ローカルプレビュー

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ページとgithubアクションを使用して、ドキュメントサイトの自動展開を完了します。