# react-cli2

**Repository Path**: jojowwbb/react-cli2

## Basic Information

- **Project Name**: react-cli2
- **Description**: React入手项目
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-05-24
- **Last Updated**: 2021-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### React入门项目

---

基于React、Webpack2、React-Router、ES6、Babel、axios、redux、react-redux、redux-thunk搭建的开发环境！

添加了一个天气查询功能的模板！

#### 使用

初始化

    npm init

运行

    npm run dev

    访问：http://localhost:7777

####

业务组件之间的关系

Store--
        --> index --> AppContainer --> Components --> Module Container --> Components
Route--

#### 目录结构

>src

>>common  //公用的函数、方法

>>>api //封装接口请求

>>>funs.js //公用的函数

>>components //公用的组件

>>>DevTools.js //redux调试工具

>>> highSearch.js //高阶组件的使用演示

>>containers //容器组件、或者项目入口组件

>>layouts //布局组件、用于视图布局的组件

>>routes //路由配置、模块划分

>>> home //主页模块

>>>>assets //静态资源目录：图片、字体

>>>>componets //当前模块的组件

>>>>containers //当前模块的容器组件

>>>>styles //样式文件.css .less

>>>>action.js //redux中的action定义

>>>>reducer.js //redux中的reducer定义

>>>index.js //路由入口、配置文件

>>store

>>>createStore.js //创建store的公共方法

>>>project.js //项目默认reducer文件、用于存储基本信息，如：version author time

>>>reducers.js //用于合并子模块的reducer、统一管理

>index.js //项目入口文件

>template.html //模板