状态管理是前端开发整天遇到的概念，但是大家是否真的理解什么是状态，管理的又是什么呢？ 我们知道，程序是处理数据的，数据是信息的载体，比如颜色是红色或蓝色这就是数据。 那为什么不叫数据管理呢？状态和数据

在开始聊之前，我想定义一下架构的概念。大部分小伙伴都会问一个问题： “ 前端能有啥架构，不就是文件放

最近我开始思考React应用的状态管理。我已经取得一些有趣的结论，并且在这篇文章里我会向你展示我们所谓的状态管理并不是真的在管理状态。 我们来看一个简单的例子。想象这是一个展示用户名称、密码和一个按钮的表单组件。用户会在填写表单后点击提交。如果一切顺利，我们完成了登录，并且有必…

在项目中，通常都需要跟服务端进行异步的数据交互，这包括 查询 和 变更。 OK! 数据已经成功的取到了，也就是我们完成了跟服务端的一次查询交互了。现在我们来尝试更进一步，在 React 中可以通过实现一个 Hooks 把查询做的更优雅一点： 以上，就是一个典型的请求处理的场景，…

银弹存在吗？ 在上篇《为什么是 Zustand》中，我总结了在 ProEditor 这个重交互操作的场景下对状态管理的诉求，本篇将会从具体使用的角度来详细介绍下我是怎么用 zustand 这一个状态管

Zustand：一个轻量，简洁的状态管理库。它可以与技术栈无关，可以在React中直接使用，也可以在Vue中直接调用内置的api。它的源码也十分简单，非常会借力，大致思路是创建一个闭包函数用来存储全局

要说现代前端有哪些最混沌的领域，那状态管理必然占据了一席之地。似乎每个人都能插上两脚，知乎大佬们人均一个轮子。我今天也难以免俗地趟一趟浑水，不过我不会谈论那些具体的状态管理轮子，而是聚焦于【全局（集中

IOC（控制反转）是一种编程思想，可以解耦组件，提高组件复用性。 本文包括两部分： 介绍IOC概念 IOC在React中的应用 IOC是什么 控制反转（Inversion of Control，缩写为

随着SPA单页面应用复杂度的提高，状态也会变大，管理状态的难度也会增加。为了更好的管理应用的状态，或许会考虑状态使用react状态管理的库，但是该考虑和如何选择？