new-Xadmin

github.com/sshwsfc/xad…

純前端框架，使用React和Redux套餐，保持了xadmin原有的高擴展性和高定製性，能夠輕鬆定製出一整套管理後臺。後端數據所有采用API方式獲取，您能夠定製本身的API Client對接您的後臺系統。

redux-saga

redux數據流：

Action 就是一個普通 JavaScript 對象，用來描述發生了什麼

Store調用傳入的reducer函數。store會把兩個參數傳入 redux： 當前的 state 樹和 action

Reducer 接收先前的 state 和 action，根據action行爲，執行相應的邏輯操做，更新並返回新的 state 

Store就是把它們聯繫到一塊兒的對象。Store 有如下職責：

• 維持應用的 state；
• 提供 getState() 方法獲取 state；
• 提供 dispatch(action) 方法更新 state；
• 經過 subscribe(listener) 註冊監聽器;
• 經過 subscribe(listener) 返回的函數註銷監聽器。

middleware 只是包裝了store的dispatch方法。

你能夠利用 Redux middleware 來進行日誌記錄、建立崩潰報告、調用異步接口或者路由等等。複製代碼

中間件和異步操做

redux + Middleware數據流：

redux-saga管理 Redux 應用異步操做的中間件，middleware 在異步action到達 reducer 前處理它們

• Reducers 負責處理 action 的 state 更新

• Sagas 負責協調那些複雜或異步的操做

Sagas是經過ES6中的generator函數和yield關鍵字來以同步的方式實現異步操做

redux-saga 使用 Effect 諸如 call 和 put，與高階 API 如 takeEvery 相結合，讓咱們實現與 redux-thunk 一樣的東西， 但又有額外的易於測試的好處。 在「高級」一節，你會遇到一些更強大的 Effect，包括阻塞、非阻塞調用，取消、等待、race等操做方便隔離並執行異步操做，並易於測試讓你能夠表達更復雜的控制流。