当前位置: 首页 > 面试题库 >

React Context vs React Redux,我什么时候应该使用每一个?

杜阳炎
2023-03-14
问题内容

React16.3.0已发布,并且ContextAPI不再是实验功能。DanAbramov(Redux的创建者)对此发表了很好的评论,但是Context仍然是实验性功能已经有两年了。

我的问题是,根据您的看法/经验,何时应该在 React Redux上* 使用 React Context ,反之亦然? *


问题答案:

由于 Context 不再是实验性功能,您可以直接在应用程序中使用Context,这对于将数据传递到为其设计的深层嵌套的组件方面非常有用。

正如Mark erikson在他的博客中所写的:

如果您只是在使用Redux来避免传递道具,那么上下文可以替换Redux-但是您可能一开始就不需要Redux。

上下文也不提供Redux DevTools,跟踪状态更新,middleware添加集中式应用程序逻辑以及其他Redux 启用这些功能的功能。

Redux具有更强大的功能,并提供了许多Context Api未提供的功能,就像 @danAbramov 提到的那样

React Redux在内部使用上下文,但未在公共API中公开这一事实。因此,通过ReactRedux使用上下文比直接使用上下文要安全得多,因为如果上下文发生更改,更新代码的负担将落在React Redux上,而不是您。

它由Redux负责实际更新其实现以符合最新的上下文API

最新的Context API可以用于您将仅使用Redux在组件之间传递数据的应用程序,但是使用集中式数据并在使用redux-thunkredux-saga仍需要Redux的Action创建者中处理API请求的应用程序。除了这个Redux之外,还有其他关联的库,例如redux-persist允许您将存储数据保存在localStorage中,并在刷新时重新补水,这是上下文API仍不支持的。

正如@dan_abramov在他的博客中提到的,您可能不需要Redux,该redux具有有用的应用程序,例如

  • 将状态持久保存到本地存储,然后从中启动,即可使用。
  • 在服务器上预填充状态,以HTML格式将其发送到客户端,然后从中启动。
  • 序列化用户操作,并将其与状态快照一起附加到自动错误报告,以便产品开发人员
    可以重播它们以重现错误。
  • 通过网络传递动作对象以实现协作环境,而无需对代码的编写进行重大更改。
  • 保留撤消历史记录或实施乐观的更改,而无需对代码的编写方式进行重大更改。
  • 在开发中的状态历史记录之间移动,并在代码更改时从动作历史记录重新评估当前状态(如TDD)。
  • 开发工具提供完整的检查和控制功能,以便产品开发人员可以为其
    应用程序构建自定义工具。
  • 在重用大多数业务逻辑的同时,提供备用UI。

拥有如此众多的应用程序,现在还不能说Redux将被新的Context API取代



 类似资料:
  • 问题内容: 有什么区别?什么时候应该使用容量为1的对抗? 问题答案: SynchronousQueue更像是一个传递,而LinkedBlockingQueue仅允许单个元素。区别在于对SynchronousQueue的put()调用直到有相应的take()调用 才返回 ,但LinkedBlockingQueue的大小为1,则put()调用(对空队列)将立即返回。 我不能说自己曾经直接使用过Sync

  • 问题内容: 我对使用和翻译有疑问。我了解到,在模型中,我应该使用。但是还有其他地方我也应该使用吗?表单定义呢?它们之间是否存在性能差异? 编辑: 还有一件事。有时候,代替被使用。正如文档所述,仅在将字符串显示给用户之前,才将字符串标记为要翻译,并在可能的最新情况下进行翻译,但是我在这里有点困惑,这与功能相似吗?我仍然很难决定在模型和表格中应该使用哪个。 问题答案: ugettext() 与 uge

  • 问题内容: 我知道他们两个都禁用了Nagle的算法。 我什么时候应该/不应该使用它们中的每一个? 问题答案: 首先,不是所有人都禁用Nagle的算法。 Nagle的算法用于减少有线中更多的小型网络数据包。该算法是:如果数据小于限制(通常是MSS),请等待直到收到先前发送的数据包的ACK,同时累积用户的数据。然后发送累积的数据。 这将对telnet等应用程序有所帮​​助。但是,在发送流数据时,等待A

  • 问题内容: 在该类中,有两个字符串,和。 有什么不同?我什么时候应该使用另一个? 问题答案: 如果你的意思是和则: 用于在文件路径列表中分隔各个文件路径。考虑在上的环境变量。您使用a分隔文件路径,因此在上将是;。 是或用于拆分到特定文件的路径。例如在上,或

  • 问题内容: 在集成我以前从未使用过的Django应用程序时,我发现了用于定义类中函数的两种不同方式。作者似乎非常有意地使用了它们。第一个是我自己经常使用的: 另一个是我不使用的,主要是因为我不知道何时使用它,以及什么用途: 在Python文档中,装饰器的解释如下: 类方法将类作为隐式第一个参数接收,就像实例方法接收实例一样。 所以我想指的是自己(而不是实例)。我不完全理解为什么会这样,因为我总是可

  • 关键字可以适当地应用于许多函数签名,但我不确定何时应该考虑在实际中使用它。根据我到目前为止阅读的内容,最后一分钟添加的似乎解决了移动构造函数抛出时出现的一些重要问题。但是,对于一些实际问题,我仍然无法提供令人满意的答案,这些问题导致我首先阅读更多关于的内容。 > 有许多函数的例子,我知道它们永远不会抛出,但编译器无法自行确定这些函数。在所有这种情况下,我是否应该在函数声明中追加? 必须考虑是否需要