基于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的 这里也是为了方便自己以后的使用 做一个简单的分享 如果有issue欢迎指出