# react-mst-bootcdn

**Repository Path**: cuitzhy/react-mst-bootcdn

## Basic Information

- **Project Name**: react-mst-bootcdn
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-13
- **Last Updated**: 2023-09-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 说明
此项目是仿 [BootCDN](https://www.bootcdn.cn/) 的项目，实现了列表页、详情页和404等页面，基于 [React](https://github.com/facebook/react)、[React Router](https://github.com/ReactTraining/react-router)、[Mobx](https://github.com/mobxjs/mobx)、[mobx-state-tree](https://github.com/mobxjs/mobx-state-tree) 及less进行开发，由于页面上的列表太长，后期打算使用 [react-virtualized](https://github.com/bvaughn/react-virtualized) 进行优化。

此项目由 [Create React App](https://github.com/facebookincubator/create-react-app) 搭建，并通过 [react-app-rewired](https://github.com/timarney/react-app-rewired) 来修改 [Create React App](https://github.com/facebookincubator/create-react-app) 的默认配置。

此项目组织目录结构以及代码规范有一定的参考意义。

## 预览地址
[https://cuitzhy.gitee.io/react-mst-bootcdn
](https://cuitzhy.gitee.io/react-mst-bootcdn
)

## 支持的浏览器
Edge及以上

## 构建配置
- 通过在package.json里面添加以下内容，来提供对编辑器eslint功能的支持：
```javascript
"eslintConfig": {
    "extends": "react-app",
    "rules": {
      "semi": 1
    }
  }
```
- 通过config-overrides.js文件，添加或者修改 [Create React App](https://github.com/facebookincubator/create-react-app) 的功能：

| 实现的功能 |
| --- |
| 支持antd按需加载 |
| 支持antd自定义主题 |
| 支持代码分割 |
| 支持装饰器 |
| 支持less和css modules |
| 在生产环境支持cssnano |

## 目录结构
```
|-- json-server # Local Mock Data
|-- public # pulic资源
|-- src 
|   |-- api # api
|   |-- components # 组件
|   |-- constants # 常量数据
|   |-- layouts # 通用的页面布局组件
|   |-- mst # 全局状态管理mst相关的相关内容
|   |-- pages # 页面组件
|   |-- styles # 样式
|   |-- utils # 通用的工具方法
|   |-- App.js # App组件
|   |-- index.js # 入口文件
```