基于 Ant Design 的 React UI 组件库
English | 简体中文
查看在线文档
或者查看老版本:
基于 Ant Design 的 React UI 组件库。 主要用于中,后台产品。我们的目标是满足更具体的业务场景组件。 当然,我们也有基于原生 javascript 实现的业务组件,例如ContextMenu,KeyEventListener等。
- 当发现其他组件库提供的基本组件不符合当前的业务场景,并且需要基于这些基本组件实现功能时,可以考虑使用 dt-react-component 解决问题。
- 当业务复杂时,将沉淀越来越多的业务组件。 为了更好地管理组件并减少代码的冗余,可以使用 dt-react-component。 当然,我们欢迎 PR。 我们也将及时审查和合并常见的业务场景组件。
# use npm
npm install dt-react-component
# use yarn
yarn add dt-react-component
# use pnpm
pnpm install dt-react-component
import React from 'react';
import { BlockHeader } from 'dt-react-component';
const App = () => <BlockHeader title="分类标题" showBackground />;
我们默认支持基于 ES modules 的 tree shaking,对于 js 部分,直接引入 import { BlockHeader } from 'dt-react-component';
就会有按需加载的效果。
dt-react-component 完全基于 TypeScript 编写,具有完整的类型定义,因此您将拥有更好的体验。
本地克隆:
git clone [email protected]:DTStack/dt-react-component.git
cd dt-react-component
pnpm install
pnpm run dev
打开浏览器并访问 http://127.0.0.1:8000,我们基于 dumi 管理组件。 更多信息请访问 dumi.
pnpm build
# pnpm@6
pnpm release -- -r 3.0.1
npm publish --registry https://registry.npmjs.org/
pnpm deploy
我们欢迎所有贡献。 您可以将任何想法提交为 pull requests 或者 issues.
最后,感谢我们所有 contributors
ISC