# cra-front

**Repository Path**: johnforrest/cra-front

## Basic Information

- **Project Name**: cra-front
- **Description**: cra地图GIS插件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端框架 - 基于 create-react-app
## 开始

## 约定
+  根目录文件名 大写；方便 绝对路径引用；
+  *.service.js|ts  请求后端服务 放在 `Services` 目录下
+  *.component.jsx | tsx  组件 ，放在 `Components` 目录下，按照业务模块依序放置；
+  *.model.jsx|tsx  公用的 model 放在 `Models` 文件夹中，一般不推荐使用状态管理； 
+  *.util.*  工具函数  放在 Utils 目录下，
+  *.page.jsx | tsx  页面 放在 pages 目录下
+  *.hoc.jsx|tsx 高阶组件 放在 hoc 目录下
+  *.hook.tsx hooks组件  放在  hooks  目录下
+  样式文件统一用 `css module` ，和对应的组件 放同一目录中
## 打包

## 参考
[cra 官网教程](https://www.html.cn/create-react-app/docs/getting-started/)
[css module](http://www.ruanyifeng.com/blog/2016/06/css_modules.html)

## 优化

## 框架构造原因
本框架是在和华为`AppEngine`平台集成时看到，`AppEngine`其实并不支持 `react-router`，所以在 umi框架外又重新做一个`create-react-app`
的框架。
### 框架功能
+ react-redux 做状态管理
+ mobx 做事件触发
+ antd ui框架
+ ahooks