一、脚手架搭建react结构目录：
1、npm install -g create-react-app 全局安装react脚手架
2、create-react-app react-demo 创建react-demo项目
3、cd react-demo 进入到项目文件夹
4、npm start 启动本地项目
二、Styled-Components与Reset.css的结合使用.
Styled-Components解决css样式表不能私有的问题，且可以将组件与样式结合，方便构建小组件。Reset.css重置不同浏览器标签默认设置
三、React-Redux进行应用数据的管理
有些组件的数据，你认为是只有该组件要用，但是随着项目不断扩展，说不定其他组件也要用，这时候既然用了React-Redux管理数据，就是要将所有的数据都交给其管理
React-Redux和Redux这两个包都是结合使用的，React-Redux有个Provider核心组件，这点注意
四、combineReducers完成对数据的拆分管理
项目越大，reducer.js代码越多，所以构建项目时候就先要进行拆分处理
五、actionCreators与constants的拆分
action对象的创建，acitonType的常量都要单独写在一个文件中进行管理
六、使用Immutable.js来管理store中的数据
Immutable对象数据修改，每次都会自动创建出一个新的Immutable对象，用Immutable来解决store中的state误被修改的问题。
七、redux-immutable统一数据格式
在第四步中，用combineReducers对拆分的reducer合并到总的reducer中，此时reducer返回的state还不是immutate对象，会造成数据格式不统一，将combineReducers原本由
redux包引入，改为由redux-immutable引入即可。
八、使用redux-thunk/redux-saga中间件做异步请求数据操作
九、使用reactApp的public目录做伪接口，假数据
create-react-app实际上也是帮我创建了一个node服务器，当我们用请求localhost:3000/xxx路径的时候，node首先到工程目录下看是否配置了对应的路由react-router,找不到还会到public目录下去找这个路径，将找到的文件内容响应给浏览器
十、使用react-loadable异步加载组件
同步加载组件有个问题是一次性将所有的js代码加载过来，大型项目会导致加载首页太慢，使用react-loadable异步加载，切换路由需要加载哪个组件，再去加载特定js组件的代码
https://github.com/jamiebuilds/react-loadable 查看实例代码
来源：oschina
链接：https://my.oschina.net/u/4257767/blog/3325714