设置 Redux 以在实际应用程序中使用

martinez999

Redux 是一个强大的单页 JavaScript 应用程序状态管理库。官方文档将其描述为 Javascript 应用程序的可预测状态容器，学习这些概念并在简单的应用程序中实现 Redux 相当简单。然而，从简单的计数器应用程序到现实世界的应用程序可能是一个巨大的飞跃。 Redux 是 React 生态系统中的一个重要库，在处理涉及状态管理的 React 应用程序时几乎默认使用它。因此，了解其工作原理的重要性怎么估计都不为过。 本指南将引导读者在相当复杂的 React 应用程序中设置 Redux，并向读者介绍“最佳实践”配置。这对于初学者以及任何想要填补 Redux 知识空白的人尤其有益。 引入 Redux   Redux 是一个库，旨在通过对状态更新的发生方式和时间施加限制来解决 JavaScript 应用程序中的状态管理问题。

这些限制是由 Redux 的“三原则”形成的，它们是： 单一事实来源 您的所有应用程序都state保存在 Redux 中store。此状态可以直观地表示为具有单个祖先的树，并且存储提供了用于读取当前状态并从应用程序中的任何位置订阅更改的方法。 状态是只读的 更改状态的唯一方法是 电话号码数据 将数据作为普通对象发送，称为操作。您可以将操作视为对状态说的一种方式，“我有一些数据想要插入/更新/删除”。 使用纯函数进行更改 要更改应用程序的状态，您可以编写一个函数，该函数接受前一个状态和一个操作，并返回一个新的状态对象作为下一个状态。该函数称为 a reducer，它是一个纯函数，因为它对于给定的一组输入返回相同的输出。 最后一个原则是 Redux 中最重要的，这就是 Redux 的神奇之处。Reducer 函数不得包含不可预测的代码，或执行网络请求等副作用，并且不应直接改变状态对象。



Redux 是一个很棒的工具，我们将在本指南后面了解到，但它也面临着挑战或权衡。为了帮助使编写 Redux 的过程更加高效、更加愉快，Redux 团队提供了一个工具包，该工具包对设置 Redux 存储的过程进行了抽象，并提供了有用的 Redux 附加组件和实用程序来帮助简化应用程序代码。例如，该库使用Immer.js，该库使您可以在后台编写“可变”不可变更新逻辑。 推荐阅读：带浸入器的更好减速机 在本指南中，我们将通过构建一个应用程序来探索 Redux，该应用程序允许经过身份验证的用户创建和管理数字日记。 认识移动界面的触摸设计，Steven Hoober 的全新移动设计指南，具有经过验证的、通用的、以人为本的指南。400 页，充满了深入的用户研究和最佳实践。 跳转至目录 ↬ 功能面板 构建日记.App   如上一节所述，我们将通过构建一个允许用户创建和管理日记的应用程序来仔细研究 。