redux介绍和安装 – Redux教程

Redux是一个可预测的JavaScript应用程序状态容器，随着应用程序的增长，组织和维护数据流变得越来越困难，Redux通过使用一个名为Store的全局对象来管理应用程序的状态，从而解决了这个问题。Redux基本原则有助于在整个应用程序中保持一致性，这使调试和测试更加容易。

更重要的是，它为你提供了实时代码编辑和时间旅行调试器，它可以灵活地使用任何视图层，如React、Angular、Vue等。

Redux的概念

Redux的可预测性是由以下三个最重要的原则决定的

单一数据源

整个应用程序的状态存储在单个存储中的对象树中，由于整个应用程序状态存储在一个单独的树中，这使得调试更容易，开发更快。

状态是只读的

改变状态的唯一方法是发出一个动作，一个描述发生了什么的对象，这意味着没有人可以直接更改应用程序的状态。

使用纯函数进行更改

要指定如何通过操作转换状态树，可以编写纯reducer，reducer是进行状态修改的中心位置，reduce是一个函数，它以状态和动作作为参数，并返回一个最新更新的状态。

Redux安装

在安装Redux之前，我们必须安装Nodejs和NPM，下面是帮助你安装它的说明。如果已经在设备中安装了Nodejs和NPM，可以跳过这些步骤。

• 访问https://nodejs.org/并安装包文件。
• 运行安装程序，按照说明并接受许可协议。
• 重新启动设备来运行它。
• 你可以通过打开命令提示符并键入node -v来检查安装是否成功，这将显示系统中最新版本的Node。
• 要检查是否成功安装了npm，可以输入npm -v，它会返回最新的npm版本。

要安装redux，你可以遵循以下步骤

在命令提示符中运行以下命令来安装Redux。

npm install --save redux

要将Redux与react应用程序一起使用，你需要安装一个附加的依赖项，如下所示：

npm install --save react-redux

要安装用于Redux的开发人员工具，你需要将以下内容作为依赖项安装

在命令提示符中运行下面的命令来安装Redux开发工具。

npm install --save-dev redux-devtools

如果你不想安装Redux开发工具并将其集成到你的项目中，你可以安装Chrome和Firefox的Redux开发工具扩展。