React组件库构建指南

可能是最详细的React组件库构建总结

在线预览:

本地预览:

git clone git@github.com:worldzhao/react-ui-library-tutorial.git
cd react-ui-library-tutorial
yarn start

按顺序执行完命令后,即可在localhost:3000范围内看到以下内容:

概览

包含以下内容:

  • 制备:组件库前期开发准备工作(eslint / commit lint / typescript 等等)
  • 开发:使用进行开发调试以及文档
  • 构建:UMD / CJS / ESM ,类型,polyfill
zip
react-ui-library-tutorial-master.zip 预估大小:54个文件
folder
react-ui-library-tutorial-master 文件夹
file
tsconfig.build.json 167B
file
doczrc.js 220B
file
yarn.lock 743KB
file
.browserslistrc 31B
file
.eslintrc.js 135B
folder
src 文件夹
folder
gatsby-theme-docz 文件夹
folder
theme 文件夹
file
styles.js 2KB
file
modes.js 2KB
file
colors.js 271B
file
index.js 600B
folder
components 文件夹
folder
Layout 文件夹
file
styles.js 343B
file
index.js 1KB
folder
Sidebar 文件夹
file
styles.js 1000B
file
index.js 2KB
folder
NavLink 文件夹
file
styles.js 610B
file
index.js 1KB
folder
scripts 文件夹
file
plopfile.ts 2KB
file
release.ts 4KB
file
.commitlintrc.js 67B
file
gatsby-config.js 113B
folder
components 文件夹
folder
alert 文件夹
folder
style 文件夹
file
index.less 124B
file
index.ts 23B
file
index.ts 82B
folder
demo 文件夹
file
1-demo-basic.tsx 180B
folder
__tests__ 文件夹
file
index.test.tsx 661B
folder
__snapshots__ 文件夹
file
index.test.tsx.snap 795B
file
alert.tsx 576B
file
interface.ts 263B
file
index.mdx 693B
file
index.ts 70B
file
.stylelintrc.js 84B
file
gulpfile.js 3KB
file
tsconfig.json 575B
file
gatsby-node.js 427B
file
jest.config.js 487B
file
README.md 54KB
file
now.json 175B
folder
doc-comps 文件夹
file
index.ts 58B
folder
happy-box 文件夹
file
index.tsx 2KB
file
style.ts 3KB
file
.editorconfig 245B
file
global.d.ts 69B
folder
templates 文件夹
folder
component 文件夹
folder
style 文件夹
folder
style.hbs 文件夹
file
index.hbs 23B
file
index.hbs 78B
folder
demo 文件夹
file
basic.hbs 126B
file
interface.hbs 28B
folder
__tests__ 文件夹
file
index.test.hbs 262B
file
doc.hbs 490B
file
comp.hbs 284B
file
.gitignore 366B
file
.prettierrc.js 86B
file
.babelrc.js 475B
file
.eslintignore 43B
file
package.json 4KB
...
zip 文件大小:266.83KB