之前一直都是使用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。