# ant-pro-of-react

**Repository Path**: huyoo/ant-pro-of-react

## Basic Information

- **Project Name**: ant-pro-of-react
- **Description**: react+react-redux+react-router+antd   spa   demo 全家桶 后台管理系统，Antd Pro仿制版本
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-11-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

1. 本项目用于学习和研究React全家桶
2. 参考案例：[AntPro预览地址](https://preview.pro.ant.design)    [AntPro源码仓库地址](https://github.com/ant-design/ant-design-pro)  
   框架、组件库以及主要的工具包版本如下
   ```
   "react": "^16.9.0",
   "react-dom": "^16.9.0",
   "react-redux": "^7.1.1",
   "react-router": "^5.0.0",
   "react-router-dom": "^5.0.0",
   "react-scripts": "^3.0.1",
   "redux": "^4.0.1",
   "antd": "^3.23.1",
   "less": "^3.9.0",
   "less-loader": "^4.1.0",
   "customize-cra": "^0.2.12",
   "react-app-rewired": "^1.6.2",
   "babel-plugin-import": "^1.11.0",
   "babel-plugin-transform-decorators-legacy": "~1.3.4",
   "react-intl-universal": "^1.15.5",
   ```
   创建项目使用react-create-app 2.0生成  
   开发工具：Webstorm  
   开发平台：Windows10
   
# 主要的功能点
1. ~~了解并使用react~~
2. ~~使用Antd~~
3. ~~加入React-Route，实现路由跳转~~
4. 发现AntPro，尝试用不同的技术仿制出一个完整的AntPro
5. ~~加入Redux，尝试将数据放到store里管理~~
6. ~~多语言配置~~
7. ~~加入mock，实现数据请求接口管理~~
8. ~~加入Less,实现样式文件预编译~~
9. ~~开发环境、生产环境的配置分离~~(使用cross-env实现)
10. 移动端展示效果
11. 多语言、布局方式切换
12. 组件迁移
    1. 表格下拉选择-TableSelect
    2. cron配置器-CronBuilder
    3. 可拖拽弹窗-DragModal
    4. 带请求的选择-SelectWithService
    5. 带请求的树形选择-TreeSelectWithService
    6. 表格穿梭-TableTransfer
    7. 加载动画组件-Loading