Day 17 - useReducer + useContext = Redux?

如果有错误,欢迎留言指教~ Q_Q

上篇 Day 16 - 用 useReducer 取代 Redux !? 提到~ Redux 会把 State 集中在 store 管理

但 useReducer 并不像 redux 拥有 global 的 store

那把 useReducer 和 useContext 这两个 Hook 结合,就能变成 Redux 吗?

怎麽让 useReducer 拥有 store?

在上上上篇(XD) Day 14 - useContext 提到

createContext 建立出 Provider,把需要共用资料的 component 们包起来

这些 component 就能一起使用存在 Context 里的资料

在需要的资料的 component 使用 useContext 就能简单使用

这样就能让 useReducer + useContext = Redux 吗?

  1. 需要考虑到处理非同步的问题
  2. 无法做到 redux 生态系的 middleware
  3. useContext 存在一个很大问题就是被传递的值改变时,所有子元件都会重新被 render

如果是较单纯的需求的话,还是可以 useReducer + useContext 搭配来解

不然还是使用 Redux 这类型的管理 state 吧


<<:  Day 17 To Do List - 切版 2

>>:  Day17 - XState 说为什麽可以选择 XState?ft. 说文解字官网亮点

【Day24】人力资源篇-Time Off

#odoo #开源系统 #数位赋能 #E化自主 休假管理,在实务上又是另一门高深的学问。公司除了必须...

D3JsDay11 观测时候别铁齿,拿出你的比例尺

前言 想像一下假设今天你的资料的数字是如此庞大,而电脑萤幕的宽和高却是有限的情况之下,不可能以1个人...

新新新手阅读 Angular 文件 - DataBinding - Day17

本文内容 学习在 Angular 中 Data Binding 的机制。 Data Binding ...

【DAY 2 】Microsoft 365 Developer Program - Microsoft 365 开发人员计画

昨天说到Microsoft 365 开发人员计画 (Microsoft 365 Developer ...

Day 14 - 短时间协助厂商建立形象页面(速成篇)

昨天的文章几乎都是使用.NET Core完成场景模拟的平台,除此之外有其他计画的厂商需要要一个官方形...