XState 做为一个非常好用的前端状态机库，但官网文档却只有英文版，为了方便更多人了解，增加阅读体验，我这里翻译了中文版。 仓库地址（欢迎Star⭐ ）：https://github.com/lec

写在最前 谈到状态管理库，有人就会说谁还没用过Redux、Vuex之类的，实际上它们并不是真的状态管理库，本文今天介绍一个真正的状态管理库--XState，一个完全的有限状态机的实现。 前置知识 包括

Web 网页向 Web 应用发展的过程中，势必会出现 Web 项目的复杂化问题，而在移动端场景，基于 React.js 的应用中如何管理状态？zustand 也许值得一试。

以下几个问题是我们在实际开发中经常会遇到的场景，下面用几个简单的示例代码来还原一下。 3.更新时会把每个组件的更新合并，每个组件只会触发一次更新的生命周期。 由于源码比较复杂，就不贴在这里了，有兴趣的可以去github上clone一份然后按照下面的流程图去走一遍。 1.将set…

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。 在这篇文章中，我想总结我过去几个月来对 React Hooks 使用，分享我对它的看法以及我认为的最佳实践…

2021年又快过去了，是时候来盘点一下React社区最新的状态管理方案现状（包括原生Hook、Redux、Mobx、Recoil等）。

函数组件性能比类组件好，但是在现代浏览器中，闭包和类的原始性能只有在极端场景下才会有明显的差别。 性能主要取决于代码的作用，而不是选择函数式还是类组件。尽管优化策略有差别，但性能差异可以忽略不计。 而下面会重点讲述：React的函数式组件和类组件之间根本的区别： 在心智模型上。…

最近在做react项目的迁移，从class组件写法迁移至function组件，不得不说hooks的特性对整个代码逻辑复用性的提高还是很不错的。但是新手在接触hooks的时候，如果不了解各个API的特性的话，同样也会埋下许多神坑，后期优化费时费力。 要解决性能问题，关键在于对组件…