# react-app-create

**Repository Path**: dbody/react-app-create

## Basic Information

- **Project Name**: react-app-create
- **Description**: create-react-app配置的开发环境
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2019-11-22
- **Last Updated**: 2022-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-app-create

#### 介绍

create-react-app 自定义配置的开发环境

## 软件架构

* [Ant Design](https://ant.design/)
* [Axios](http://www.axios-js.com/docs/index.html)
* [Mobx + Mobx-state-tree](https://cn.mobx.js.org/)
* [styled-components](https://www.styled-components.com/)
* [Nornj](https://joe-sky.github.io/nornj-guide/zh/)
* [Muss](https://github.com/zyj1022/muss)
* [React-echarts-packet](https://github.com/zyj1022/react-echarts-packet)

## 安装教程

下载本包之后

`npm install`

启动方式：

`npm start`

## 使用说明

- 集成 `mobx` 支持ES7的@功能


### 样式和资源

**添加 CSS Modules 样式表**
- 对于以 .module.css 扩展名结尾的文件，将切换到 CSS Modules。

**添加图片，字体和文件**

直接在 JavaScript 模块中 import 文件 `import logo from './logo.png';`

**添加 SVG**

可以直接导入 SVG 作为 React 组件

```
import { ReactComponent as Logo } from './logo.svg';
const App = () => (
  <div>
    {/* Logo 是一个实际的 React 组件 */}
    <Logo />
  </div>
);
```



## 一些常用工具

* [Moment.js](http://momentjs.com/)
* [storejs](https://github.com/jaywcjlove/store.js)
* [js-cookie](https://github.com/js-cookie/js-cookie)
* [querystring](https://github.com/Gozala/querystring)