sum-react:基于react+antd的业务组件库搭建

时间:2024-05-27 12:22:56
【文件属性】:

文件名称:sum-react:基于react+antd的业务组件库搭建

文件大小:722KB

文件格式:ZIP

更新时间:2024-05-27 12:22:56

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