文章链接 内容摘录...在重新认识了上面的状态库后，我逐渐总结发现一个 React 状态库的特性按照重要性可以排序为：：简洁。：函数式。：贴合编程语言自身的组件化机制。：完善的 Hook 集成。而现有的状态库拥有的特性为：| | | | | || ------- | -------- | -------- | ----------------- | ----------------- || Redux | 🔴 | 🟢 | 🟡 | 🟢 || MobX | 🟢 | 🔴 | 🟢 | 🟡 || Zustand | 🟢 | 🔴 | 🔴 | 🟢 || Jotai | 🟢 | 🔴 | 🔴 | 🟢 |🟢 完全拥有 🟡 部分拥有 🔴 没有所以抱着点亮以上全部特性的心愿，我写了 React Mug：| | | | | || --------- | -------- | -------- | -------- | -------- || React Mug | 🟢 | 🟢 | 🟢 | 🟢 |...React Mug 的包名为 react-mug，当前版本 ，用喜欢的包管理器安装就可以使用了，比如我喜欢直接用 ：下面我用一个 “加鱼” 的简单例子带大家快速感受一下。首先声明一个盛装 “鱼的数量” 状态的 Mug。所谓 Mug，就是马克杯的那个马克，而状态就是马克杯里的咖啡，声明一个 Mug 就拥有了一个盛装某个状态的容器，这里的状态便是 “鱼的数量”， 字段既表示了当前对象是一个 Mug 也设置了当前 Mug 里状态的初始值：然后创建一个 “加鱼” 的写操作器。加鱼顾名思义就是增加一条鱼 🐟：之后分别创建 “展示鱼的数量” 和 “操控鱼的数量” 的两个 React 组件：最后渲染这两个组件就可以在点击 “加鱼” 按钮的时候让 “鱼的数量” 加 1 了，除了以上代码不需要进行任何额外的配置。...