前端小結(react+redux+saga dva umi)


當前前端以vue和react為主,孰高孰劣不做比較,各有優缺點,vue適合糙快猛,react適合需要和其他框架組件組合才能構成強大應用

react在進入函數式組件后,越來越適合組合開發了。

react負責渲染,redux負責狀態管理,saga是補充redux部分的異步調用(典型的異步調用如何遠程訪問)

redux內含有state,那react內的state又有什么意義呢?

react內的state是以組件為單位,無論類組件還是函數式組件,都有一個唯一的 state供組件使用(函數式組件通過useState來維護狀態),如果項目內有n個展示行組件,那就有n個state

如果react配合redux使用,有些注意細節,redux內的store存儲的是全局state,官方的經典案例counter實現,業務過於簡單,只是代碼層次的參考,如果業務復雜,state需要細分成若干個部分,每個分state 在redux內部代碼層次的實現,是通過對應的reducer名字作為key來區分維護的。

在設計前邏輯時,把有相互關聯需求的state遷移到一個UI組件內,如果沒辦法遷移,可以轉入redux內維護管理

實際細節比上面還要多,為了簡化操作,阿里的dva框架對此作了簡化,把react redux saga都組合到了一起,通過dva的“約定”規則,簡化了聲明和操作,具體可以去察看dva

 

不過官方dva在18年維護還很多。19到20年更新記錄少了,但dva仍然可以用,方便了不少

最新版的dva操作已經開始轉向了umi的整合(阿里的另一企業級框架)

 

我在實際帶隊開發時,是使用的umi版的整合dva(dva作為插件存在使用的)大家可以根據自己習慣去選擇

對於前端開,走react路線時,選dva能省去不少力氣(新人培訓等等)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM