react ui library tutorial

구성 요소 라이브러리 건설 안내서를 반응합니다

• 반응 구성 요소 라이브러리 건설 안내서 (I) : 프로젝트 초기화
• 부품 부품 라이브러리 건설 안내서 (II) : 개발 및 디버깅
• 반응 구성 요소 라이브러리 건설 안내서 (III) : 컴파일 및 포장
• 반응 구성 요소 라이브러리 건설 안내서 (IV) : 단위 테스트
• 반응 구성 요소 라이브러리 건설 안내서 (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 작업을 사용하여 문서 사이트의 자동 배포를 완료하십시오.