1. Redux介绍
1.1 Redux总览
React本身只是一个轻量级视图层框架,对于除了视图构建方面之外其他的例如数据的交互方面是需要别的框架配合的!
需要Redux来帮忙进行数据管理和交互
每一个组件的数据几乎都不放在自身了,全部都放在Store里面了,然后灰色区域组件会感知到Store的变化并重新取数据进行更新页面。
Redux其实是一开始的Flux以及引入了Reducer的概念!
1.2 Redux工作流程
Redux是一个数据层框架,都放在了Store里面了。
每一个React组件需要从Store拿数据并改数据。
Action Creators是组件提出的需求,例如去图书馆想要借的书这句话
Store是图书馆管理员,但是他需要一个记录本来记得图书位置和借还情况。
Reducers就是那个记录本。通过记录本找到书了,给借书人就行了。
React通过ActionCreators跟Store提出数据请求,Store通过Reducers里面查找数据,帮助修改数据。Store知道了之后给React就好了。
2. 适合场景
Redux适用于需要管理复杂数据流的中大型应用程序,例如单页应用程序(SPA)或其他需要大量用户交互的应用程序。Redux使用单向数据流来管理应用程序的状态,这意味着它可以帮助开发人员更好地理解应用程序中数据的流动。Redux还提供了一些中间件和工具来帮助开发人员跟踪应用程序的状态和行为,以及进行调试和测试。
注意-Redux并不是必须的,它只是一个用于管理应用程序状态的框架。如果应用程序状态较为简单,或者使用其他的状态管理方案,那么Redux可能并不是必需的。然而,Redux提供的工具和开发模式可以提高开发效率,降低维护成本,因此在一些中大型应用程序中,Redux会是一个非常有用的工具。