基於react搭建的兩種全局數據共享

前言

最近看到很多關於useReducer和redux到底該選哪一個的討論 自從16.0.0之後react推出了hook 對數據共享也有了新的替代方案 包括對class類組件的各類生命週期的鉤子 也都幾乎能夠完美替代 但對於狀態管理 仍是存有很多的爭議 最近項目特別的多 一直在不停的架構 因此本身就隨手作了兩個基於react-redux和useReducer+Context的基本架構

基於react-redux github.com/15997111963…

基於hook github.com/15997111963…

1. 基本的架構都差很少 配置也都差很少react-router(BrowserRouter history模式)+less
2. 裏面沒有引入ui框架 也沒有引入axios fetch等 考慮到不一樣項目的選擇性 因此請本身二次封裝吧
3. 這裏用的版本較爲激進 都是默認用純函數組件+hook作的演示
4. 對於基於hook的全局數據共享 只是作了一個簡單的模塊化 尚未深刻的去封裝 大體是哪一個思想 異步的actions後續會補上

我想說的是 看過react的components節點生成的應該都知道 connect會在原組件上包裹一層 將state數據綁到props裏 再加上withRouter等相似這種的高階函數 都是同樣的作法 頁面的嵌套會變的很深 因此咱們在有一些業務不是很是繁瑣的狀況下 是能夠不用redux的 畢竟他的包確實也不小 這裏也是爲了方便本身之後的使用 作一個簡單的分享 若是有issues歡迎指出

好像也沒什麼人看 可能我寫的很垃圾或是不實用 最近還搭了typescript+antd+redux+hook+less的 就懶得分享出來了 當是本身學習了 反正也沒人看- -