## 相關技術棧介紹（[視頻](http://aaa)） ### 總體架構  :-:  ### [`react`](https://reactjs.org/) 用于構建用戶界面的 JavaScript 庫 #### 1. 聲明式 React 可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖，在數據改變時 React 也可以高效地更新渲染界面。 以聲明式編寫UI，可以讓你的代碼更加可靠，且方便調試。 #### 2. 組件化 創建好擁有各自狀態的組件，再由組件構成更加復雜的界面。 無需再用模版代碼，通過使用JavaScript編寫的組件你可以更好地傳遞數據，將應用狀態和DOM拆分開來。 #### 3. 一次學習，隨處編寫 無論你現在正在使用什么技術棧，你都可以隨時引入 React 開發新特性。 React 也可以用作開發原生應用的框架 React Native. ### [`redux`](https://redux.js.org/) Redux是一個流行的JavaScript框架，為應用程序提供一個可預測的狀態容器。在標準的MVC框架中，數據可以在UI組件和存儲之間雙向流動，而Redux嚴格限制了數據只能在一個方向上流動。 :-:  在Redux中，所有的數據（比如`state`）被保存在一個被稱為`store`的容器中 → 在一個應用程序中只能有一個。`store`本質上是一個狀態樹，保存了所有對象的狀態。任何UI組件都可以直接從`store`訪問特定對象的狀態。要通過本地或遠程組件更改狀態，需要分發一個`action`。分發在這里意味著將可執行信息發送到`store`。當一個`stor`e接收到一個`action`，它將把這個`action`代理給相關的`reducer`。`reducer`是一個純函數，它可以查看之前的狀態，執行一個`action`并且返回一個新的狀態。