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开发工具扩展。