Redux基础用法解析纯函数概念

前言

与Vue框架中所采用的Vuex状态管理方案类似，React生态体系中同样存在用于处理状态管理的工具。近期本人正在深入学习相关知识，因此特此进行整理与记录。

Redux概念解析

Redux作为JavaScript的状态管理工具，为应用提供了可预测的状态处理机制。所谓JavaScript的状态容器，本质上是用于存放状态的结构，在React框架中，状态通常以state的形式存在。因此，我们所指的JavaScript状态容器，即为用于保存state数据的结构。在规模较大的项目开发过程中，通常会采用Redux来进行状态的统一管理。

为什么需要Redux

1. 在React框架中，对持续变动的状态进行管理存在较大难度，需借助constructor方法来初始化状态，并通过调用this.setState方法实现状态的更新。
2. React主要在视图层协助开发者处理DOM元素的渲染流程，但状态管理仍需由开发者自行完成。此前所学习的组件间数据传递方式如props以及context等，
3. 在未引入redux的情况下，实现兄弟组件之间的数据传递过程较为繁琐，所编写的代码往往存在复杂且冗余的问题。

Redux框架应用实践

1. 部署

    npm init -y
    npm i redux -D