【文件属性】:
文件名称:sum-react:基于react+antd的业务组件库搭建
文件大小:722KB
文件格式:ZIP
更新时间:2021-05-07 18:36:16
JavaScript
PC 端 React 组件库基本框架
一、业务组件库产生背景
在实际项目中,同一条业务线一般都有自己的一套规范,这套规范可能是基于 antd 等通用 UI 组件的改造,很多时候业务场景都是相似的,为保证多个项目的通用组件统一视觉和交互,因此根据实际业务场景,抽出通用组件形成业务组件库就很有必要,同时也更容易维护。
二、技术栈
基于 react + antd 根据统一设计规范抽出业务通用组件库文档站基于 react-styleguildist + webpack 最终的业务组件用 rollup 打包
三、业务组件开发原则
低耦合、模块化、可复用
四、开发组件&文档
安装依赖
yarn install
or
npm install
调试、开发组件库启动文档服务
yarn doc
or
npm run doc
组件开发
新组件以文件夹形式统一放到 components 下,最终在 compone
【文件预览】:
sum-react-master
----.gitignore(226B)
----components()
--------BaseModal()
--------index.ts(133B)
--------BaseButton()
----templates()
--------style.hbs(17B)
--------readme.hbs(24B)
--------index.hbs(234B)
----package.json(4KB)
----webpack.config.js(901B)
----plopfile.js(847B)
----dist_docs()
--------build()
--------index.html(352B)
----jest.config.js(533B)
----.stylelintrc.js(82B)
----LICENSE(1KB)
----CHANGELOG.md(5KB)
----tsconfig.json(581B)
----_config.yml(26B)
----.github()
--------workflows()
----rollup.config.js(2KB)
----__tests__()
--------test.js(863B)
--------__snapshots__()
----styleguide.config.js(1KB)
----.eslintrc.js(108B)
----.prettierrc.js(82B)
----README.md(4KB)
----.eslintignore(42B)
----.commitlintrc.js(68B)
----babel.config.js(2KB)
----.editorconfig(147B)
----yarn.lock(650KB)
网友评论
- 2022升级 React18+TS高仿AntD从零到一打造组件库 网盘地址:https://pan.baidu.com/s/1XQnLZEK-TI11rCZDwhXglg 提取码: bzp7