之前一直都是使用vue来写项目，突然想使用react-native来开发app，所以先去学了react，因为之前学过vue，所以上手react很快，基本就是看了三天文档，加一个教学视频基本了解react的理念和如何使用react开发应用。
使用到的技术有：
- react 用于构建用户UI
- react-router-dom 用于路由跳转
- redux 用于状态管理
- style-components 用于组件的样式
- react-redux 更好的连接react和redux
- immutable 用于防止开发者直接修改state里面的数据。
- redux-immutable 用于将各个store整合成一个store。就是redux的拓展。
- redux-thunk 中间件，用于执行异步操作。
现在一个一个来总结以上技术的使用心得。
- react是基于组件化思想的，即由各个组件组成一个完整的应用，但是它仅仅是展示层，并不建议涉及到数据。
- redux 有三个关键的东西，分别是action，dispatch，reducer。action就是我们需要执行的事件的类型，dispatch是派发action，派发action以后，reducer就会根据对应的action类型，开发者可以进行逻辑操作。这是一个流程，我们必须遵照这个流程进行数据的更改。首先创建store进行存储数据，然后创建reducer，接着我们要用dispatch派发action，reducer就会根据接受到的action，进行对应的操作，从而生成新的state，替换之前的state。一定要注意必须生成新的state，不能直接更改state。
- style-conponents 是用js的方式去写css样式，他写出来的东西就是一个组件，我们只要像react的组件一样去使用它即可。
- react-redux，有两个关键的api，provider，connect。用provider包裹的组件都可以获取到store里面的数据。connect则是连redux和react，接受两个参数，mapStatetoProps，返回一个对象，作用是将state的数据映射到组件的props中。mapDispatchtoProps，返回一个对象，作用是将方法映射为props中的方法。
- immutable，有一个关键的api，fromJS()，用fromJS包裹的对象都不是普通的js对象，而是immutable对象，immutable对象不能直接获取，而是要通过get方法去获取，通过set方法去重新设置。set方法会自动返回一个新的对象。而不需要我们自己创建一个新的state对象。
- redux-thunk 这是一个中间件，就是在store和action中间进行操作的东西。它使得action里面不单单只能返回对象，还可以返回一个函数，当它返回函数时，他会自动执行这个函数。而我们就可以在函数里面进行异步的操作。
还有一个更加好用的中间件叫做redux-saga，也可以进行异步的操作，但是需要熟悉es6。