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

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?