andyzjy / dt-react-component

基于 antd 封装的 React UI 组件库

dt-react-component | CHANGELOG

组件库

目的：减少代码重复率，便于新同学对组件使用以及团队内部项目的代码优化

⚡ 安装

使用 npm

npm i dt-react-component --save

📖 如何使用

1. Usage

import { Circle, GoBack } from 'dt-react-component'
const App = () => (
  <>
    <Circle />
    <GoBack url='/api/manage' />
  </>
);

样式引入：

import 'dt-react-component/lib/index.css'

2. 按需引入

import { Circle } from 'dt-react-component/lib/circle'

样式暂时还是必须全量引入：

import 'dt-react-component/lib/index.css'

目前这块打包出来的样式暂不支持单文件引入，这块后续有时间使用 gulp/webpack 打包单独出组件样式文件

---

🔧 本地开发

clone & npm install

git clone [email protected]:DTStack/dt-react-component.git
npm install

启动本地服务器

 npm run storybook

组件开发

• src/components 目录下编写组件
• src/stories 目录下编写 storybook 文档
• npm run storybook 本地文档预览

静态服务部署构建

npm run build-storybook

组件发布至 npm 在按照一些列组件开发规范流程下，测试组件无问题后进行组件发布

npm run compile 输出 lib 目录
登陆 npm 执行 npm publish

🎡 预览地址

https://dtstack.github.io/dt-react-component/

📘 相关资料

• Storybook
• TypeScript
• jest
• enzymejs