# react_web

**Repository Path**: project_codes/react_web

## Basic Information

- **Project Name**: react_web
- **Description**: 手动搭建 react+webpack+antd
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-12-24
- **Last Updated**: 2022-05-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: react后台框架, React

## README

# React 后台管理开发模版

## 前言

- 框架基于[Create React App](https://github.com/facebook/create-react-app)脚手架搭建，搭配 [ant-design](https://ant-design.gitee.io/index-cn) UI 组件库

技术方案：

- ✅  ant-design
- ✅  TypeScript
- ✅  Axios 请求封闭与接口统一管理
- ✅  本地 Mock sevser 支持
- ✅  开发环境跨域配置
- ✅  多环境配置
- ✅  eslint + stylelint + prettier + commitlint + husky 统一开发规范与 git 提交
- ✅  react-router-dom 4 路由管理
- ✅  redux 全局状态管理
- ✅  redux-saga 处理异步 action
- ✅  redux-persist 处理 redux 持久化存储

---

## 开发环境配置

- Vscode 安装 eslint、prettier 插件
- chrome 应用商店 Redux DevTools

---

## 开发步骤

项目初始化 husky 提供 git 的钩子功能
`npm run husky`

### 1、依赖安装

### `yarn`

### 2、启动

### `yarn start`

### 3、打包

### `yarn build`

---

## git 提交流程

- git add .
- git cz
- git push