react+redux+fetch 項目開發架構圖

整體架構圖

一、底層模塊化基於ES6模塊處理；
二、基於react全家桶框架、數據請求咱們選擇了Fecth，並引入whatwg-fetch來解決Fetch的兼容性問題
三、基於react和UI規範開發了組件庫，基於fetch封裝一套簡潔的API調用方式
四、咱們爲了分離數據請求和業務邏輯，將業務組件拆分紅容器組件（抽象數據處理邏輯）和展現型組件（業務處理邏輯）；action行爲的（用戶）抽象；reducer函數，經過傳入的action和state，修改Store
五、靜態資源發佈CDN，訪問網頁->靜態資源請求->CND加速／緩存->頁面渲染

數據交互及渲染