dt-react-component

基于 Ant Design 的 React UI 组件库

English | 简体中文

文档

查看在线文档

或者查看老版本：

• v3.x
• v2.x

基于 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="分类标题" background />;

按需加载

我们默认支持基于 ES modules 的 tree shaking，对于 js 部分，直接引入 import { BlockHeader } from 'dt-react-component'; 就会有按需加载的效果。

TypeScript

dt-react-component 完全基于 TypeScript 编写，具有完整的类型定义，因此您将拥有更好的体验。

如何贡献

贡献指南

开发

本地克隆:

git clone git@github.com: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