这是我参加前端训练营笔记活动的第10天。

React状态管理

什么是状态管理

从React诞生以后，前端组件化的方案深入人心，React遵循的是单向数据流的原则，属性通过props自上而下的传递。当页面比较简单，组件之间的层级关系比较浅时，这种自上而下的单向数据流的方式是不会有问题的。如果页面一复杂，，组件的嵌套层级一深，这种单向数据流的传递方式，将会使你陷入到“嵌套地狱”。状态管理本身，解决的就是这种“嵌套地狱”的问题，解决的是跨层级组件之间的数据通信和状态共享。

状态管理工具的本质

管理共享内存中的状态

详细定义：单页应用的各个组件本身是共享内存的，如果将状态保存在内存中，就可以读写统一内存中的变量，从而达到状态共享的目的。

为什么React有这么多状态管理工具

Vue：Vuex（Pinia）
Angular：Service和Rxjs
React：Flux、Redux、Mobx、Rxjs、Recoil、Jotai、Zustand

跟不同前端框架的定义有关，Vue和Angular双向数据绑定，计算属性等，数据是响应式的，控制视图刷新，拥有计算属性等，这些使得Vue和Angular需要状态管理的场景减少，此外其本身就包含了完整的状态管理工具，比如Vue的Vuex和Pinia，Angular：Service（Rxjs）等，从官方定调。
而React不一样，React是一个纯UI层的前端框架，UI=fn(state)，React将状态的变动完全交给开发者。