React 状态管理轮子

[monkindey]

现状

• React 本来就是一个很强大的状态机
• 它存在的问题是 State 和 逻辑 的分享；

React 状态管理单个组件内部很轻松，一个 state 就可以搞定。但是如果是 state 升级到跨组件的场景就有点尴尬，不管是父子通信，兄弟通信还是无相关的组件之间通信。

方案

基于 Context + Hook 的方式，状态管理都抽离到 Hook，然后利用 React Context 的方式把状态共享到子组件。

你也可以通过 getContext 的方式在任何一个地方获取到状态，因为 Context 的方式只能在 Function Component，如果你想在事件监听函数获取状态的话，可以通过 getContext 的方法。

传送门

conuse

[xjq]

useReduer

[zhigang1992]

https://github.com/jamiebuilds/unstated-next

[monkindey]

@zhigang1992 额额，有很多 Context + Hook 的状态管理，比如 constate https://github.com/diegohaz/constate/ 我在 readme 都有说我是参考他们的，毕竟我这个确实是一个轮子。

[monkindey]

@zhigang1992 其实整体思路都是差不多，但是还有差异点的。