Redux教程
Redux教程:概述
Redux是JavaScript应用程序的可预测状态容器。随着应用程序的增长,使其变得井井有条并保持数据流变得困难。Redux通过使用名为Store的单个全局对象管理应用程序的状态…
Redux教程:安装
在安装Redux之前,我们必须安装Nodejs和NPM。以下是将帮助您安装它的说明。如果您的设备中已经安装了Nodejs和NPM,则可以跳过这些步骤。 访问https://node…
Redux教程:核心概念
让我们假设应用程序的状态由一个名为initialState的普通对象描述,该对象如下所示: const initialState = { isLoading: false, ite…
Redux教程:数据流
Redux遵循单向数据流。 这意味着您的应用程序数据将遵循单向绑定数据流。 随着应用程序的增长和变得复杂,如果您无法控制应用程序的状态,则很难重现问题并添加新功能。 Redux通过…
Redux教程:Store存储
存储是Redux中的不可变对象树。Store是一个状态容器,用于保存应用程序的状态。Redux在您的应用程序中只能有一个存储。每当在Redux中创建Store时,都需要指定redu…
Redux教程:动作Actions
根据Redux官方文档,操作是商店的唯一信息来源。它携带着来自应用程序的有效信息负载进行存储。 如前所述,动作是普通的JavaScript对象,必须具有type属性以指示所执行动作…
Redux教程:函数
函数是一个过程,该过程接受称为参数的输入,并产生一些称为返回值的输出。如果遵守以下规则,则该函数称为纯函数: 对于相同的参数,函数将返回相同的结果。 它的评估没有副作用,即,它不会…
Redux教程:Reducers
Reducer是Redux中的纯函数。纯函数是可预测的。Reducer是更改Redux中状态的唯一方法。它是您唯一可以编写逻辑和计算的地方。Reducer函数将接受应用程序和操作的…
Redux教程:Middleware
Redux本身是同步的,那么异步操作(例如网络请求)如何与Redux一起使用?Middleware在这里很方便。如前所述,减速器是编写所有执行逻辑的地方。Reducer与执行该操作…
Redux教程:开发工具
Redux-Devtools为我们提供了Redux应用程序的调试平台。它使我们能够执行时间旅行调试和实时编辑。官方文档中的某些功能如下: 它使您可以检查每个状态和动作有效负载。 它…
Redux教程:测试
由于我们主要编写函数,因此测试Redux代码很容易,而且大多数函数都是纯函数。因此,我们甚至可以在不模拟它们的情况下对其进行测试。在这里,我们使用JEST作为测试引擎。它在节点环境…
Redux教程:集成React
在前面的章节中,我们了解了什么是Redux及其工作方式。现在让我们检查视图部分与Redux的集成。您可以将任何视图图层添加到Redux。我们还将讨论react库和Redux。 让我…
Redux教程:React示例
这是react和Redux应用程序的一个小例子。您也可以尝试开发小型应用程序。下面给出了增加或减少计数器的示例代码: 这是根文件,负责创建商店并渲染我们的react app组件。 …