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

整體架構圖

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

數據交互及渲染

圖片描述

相關文章
相關標籤/搜索