基于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的 就懒得分享出来了 当是本身学习了 反正也没人看- -