React + Redux + express+ antd 架構的認識

  在過去的兩週裏,我使用這套技術棧進行項目頁面的開發。下面是我我的的對於項目的一些見解:react

  首先:是項目的調試,我深表壓力很大,項目是使用fibber去抓包調試的,也不知道咱們項目的負責人,怎麼能的我在每次更改代碼,webpack從新打包壓縮的時候老是很慢。webpack

項目是多頁面應用,採用的是webpack的多入口同時打包,多是這個問題致使的打包畢竟慢把,也有多是因爲電腦性能問題。web

  第二:對於redux,我不知道前人是什麼邏輯去使用這個狀態管理器的,總感受他們寫的代碼很亂,我理解起來頗有難度,最最最主要的是他們都不代註釋的。我以爲嘛,既然用了redux去管理react的狀態,遵循react 的單向數據流的規則去處理代碼邏輯,而不是太多的去是用回調和組件的內部狀態去控制組件的狀態,把redux當成MVC中的controller,而頁面上也就是view層的結構只須要去判斷處理該(dispatch)分發那個或那些Action就行了,而咱們的服務器後臺能夠看做是MVC中的modal層。這樣邏輯就會清晰明瞭不少。express

  第三:對於express項目
  使用到express.all去捕獲全部的json請求,而後實現本地文件的下發給客戶端,沒有使用 If-None-Match/E-tagIf-Modified-Since/Last-ModifiedCache-Control/Max-Agejson

Pragma/Expires等去設置緩存,模擬不了緩存的狀況,get請求通常都是會緩存的。這樣的json文件,都是靜態的。這樣的mock理論上和在本地寫死數據沒什麼同樣,可是這樣也能夠提早肯定數據格式,先後端能夠同時開發,先後端分離的一種方式。社區的一些mock工具,例如mockjs, json-server我以爲都不錯。redux

  感謝閱讀!歡迎交流...後端

相關文章
相關標籤/搜索