dantd

KO | EN

gitlite — search

#javascript #react #golang #machine-learning #linux #docker #macos #windows #awesome #cli #kubernetes #vue #awesome-list #ios

(★ 10)

No description available.

dantd Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# dantd

[预览地址](https://thedicode.github.io/dantd)

一个基于 [Antd-v3](https://github.com/ant-design/ant-design/) 所封装的业务组件库

# Features

- 支持 TypeScript
- 支持 单元测试 Jest + @testing-library/react
- 支持 less
- 支持 eslint & prettier
- 支持 react-app-rewired
- 基于 [umijs/father](https://github.com/umijs/father) 完成打包，可使用 cjs、esm 和 umd 三种格式的引用

# Installation

```
$ npm install antd-advanced
```

# Usage

```
# 开发文档
$ npm start

# 组件测试
$ npm test

# 文档构建
$ npm run site

# 文档发布
$ npm run deploy

# 打包
$ npm run build
```

# 目录结构

# 组件

### 开发

在 `src` 目录下，新增一个组件的目录，类似上面的 `empty-line` 组件。目录名需要保持**小写**。如果是自定义组件，需要取一个 `antd` 中所不包含的组件名称。添加完文件之后，在 `entry/config.tsx` 中增加 `demo` 的配置。此时应该可以看到组件，并继续开发了。

更多请参考：[手摸手，打造属于自己的 React 组件库 —— 基础篇](https://juejin.im/post/6844904054347268103)

### 测试

测试文件需要保持 `.test.tsx` 的后缀。相关技术栈以及文档：

- [Jest](https://jestjs.io/)：JavaScript 测试框架。
- [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro)：将 React 组件转化成 Dom 节点来测试，而不是渲染的 React 组件的实例，可以当做是 [Enzyme](http://airbnb.io/enzyme/) 的替代。编写测试脚本，并保证希望测试到的地方已经覆盖。

更多请参考：[手摸手，打造属于自己的 React 组件库 —— 测试篇](https://juejin.im/post/6844904054351462408)

### 打包&发布

```
$ npm run build
$ npm login
$ npm version patch
$ git push
$ npm publish
```

> npm version
- major：主版本号
- minor：次版本号
- patch：补丁号
- premajor：预备主版本
- prepatch：预备次版本
- prerelease：预发布版本

# 文档

### 开发文档

在组件的 `demo` 文件夹中添加 `.md` 文件开发文档，并运行命令查看效果

```
npm start
```

### 构建文档

```
npm run site
```

dantd

dantd Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

dantd

dantd Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README