在本文中你将看到我最终得出的结论是 Mobx 的性能优于 Redux。但很明显这样的结论是片面的，甚至是有失偏颇的，因为我只选取了一个的场景对两者进行测试。可能真实的情况恰恰相反，Mobx 仅仅在我测试的这个场景中优于 Redux，但是在我所有没有测试到的场景中都劣于 Redu…

目标： 实现一个 Todo List 应用如下 Step 1️：创建一个 Store Model Step 2️：导出 Store Step 3️：使用 mobx-react 将 Store 绑定到组

在看这边文章前请确保你已经熟悉Mobx和React Hook了。 对于React, 我们通常使用 mobx-react 包。在使用hooks编写组件时，我们需要使用另一个包 mobx-react-lite。这个包给我们提供了一些自定义hooks，使得我们可以在组件中直接创建ob…

本篇文章讲述从零搭建React中后台项目框架模板，方便快速进行具体项目开发。包括Webpack5.0配置及打包优化、React全家桶使用（React + React-router + Axios + Mobx + Antd）、ESLint等项目开发规范等。 升级项目中全部依赖库…

其实这篇就是想安利大家一个新的状态管理库。如果你使用 react，更熟悉面向对象，羡慕 vue 的简单直观，对 redux 感觉有些烦躁，真心安利你，体验下 mobx。

理解和学习mobx-react

MobX 是一种简单的、可扩展的、久经考验的状态管理解决方案。 这个教程将在十分钟内向你详解 MobX 的所有重要概念。MobX 是一个独立的库，但是大部分人将它和 React 共同使用，所以本教程将重点讲解他们的结合使用。

1. MobX 开发者只需要定义需要 Observer 的数据和由此衍生的数据（Computed value）或者操作（Reactions），剩下的更新自然就交给 MobX 去做就可以了。 总之，两者相比，MobX 确实比 Redux 上手更容易些，并且不需要写很多样板代码，但…

上述公式表明，给定相同的 state 状态，fn 总是会生成一致的 UI 。 从图中我们可以看出，在 UI 上，我们可以进行界面操作（点按钮，敲键盘输入等），这些界面操作被称为 action 。这里很重要的一点是，数据流向是 UI => action => state ，UI …