react-share-state

前言

众所周知，React是一个专注于UI层的库，不同于Vue、Angular等框架，React 的各种状态管理方案一直是在百花齐放、群魔乱舞。除了热门库Redux、Mobx、Recoil、Zustand等之外，React 的正式版也来到了v17，useState、useReducer、useContext等状态管理相关hook的概念和应用也逐渐深入人心。

作为普通程序员首要考虑的是，如何快速挑选一个成熟的比较舒服的轮子解决手头项目。由于我们团队用的技术栈是 React，就花了一丢丢时间研究这个 React 的状态管理库。当然，仅限在使用层面，也就是用着舒服的角度来选择到底使用哪个状态管理库。参考在 Github 上面看看 React 社区内状态管理库的流行程度和使用程度的层面，来进行选型。可以继续往下看完这篇文章，我想你应该会有答案的。如果还是比较犹豫，可以在评论区留言，大家一起交流讨论。

下面会通过一个简易购物车实例讲解各主流状态管理库的使用，含常用 API 介绍。

演示效果图

功能清单

• 加入购物车
• 购物车商品数量
• 单品选择数量
• 删除单品
• 统计已选商品总价

流行的状态管理库

• recoil
• redux-toolkit
• mobx

详细教程

给前端快速上手摸鱼一把主流状态管理库，这家伙真香！！！