如今的 react 的状态管理工具基本上分为 redux 和 mobx 两个流派，mobx 基本上大家都是使用官方的 mobx 库，但是对于 redux 却衍生数不胜数的 redux 框架。如redux-saga, dva, mirror, rematch等等，这么多 redu…

前言：写了千篇一律的React项目。突然想玩点新的花样。平时用JS比较多。但团队配合，TS才是最好的方式。所以这个小项目采用TS。再结合RecoilJs+Swr组合来打造数据处理层。单元测试说很重要，

这个组件仅仅实现了一个可点击的button，可以看到代码已经很复杂了。基于此问题。在介绍Hooks之需要知道什么是函数组件。 但是这种组件有很大的局限，须是纯函数，不能包含状态，也不支持生命周期方法，因此无法取代类。为了解决函数组件能使用状态，于是React团队推出了Hooks…

写这篇文章的目的，主要是想弄懂 React 最新的 fiber 架构到底是什么东西，但是看了网上的很多文章，要不模棱两可，要不就是一顿复制粘贴，根本看不懂，于是开始认真钻研源码。钻研过程中，发现我想得太简单了，React 源码的复杂程度远超我的想象，于是打算分几个模块了剖析，今…

相信看完本文，你可以得到需要的答案。 每次点击 p 标签，count 都会 + 1，setCount 会触发函数组件的渲染。函数组件的重新渲染其实是当前函数的重新执行。 在函数组件的每一次渲染中，内部的 state、函数以及传入的 props 都是独立的。 点击修改按钮，将对象…

之前如果我们需要抽离一些重复的逻辑，就会选择 HOC 或者 render props 的方式。但是通过这样的方式去实现组件，你打开 React DevTools 就会发现组件被各种其他组件包裹在里面。这种方式首先提高了 debug 的难度，并且也很难实现共享状态。 但是通过 H…

对于React开发者而言，Context应该是一个不陌生的概念，但是在16.3之前，React官方一直不推荐使用，并声称该特性属于实验性质的API，可能会从之后的版本中移除。但是在实践中非常多的第三方库都基于该特性，例如：react-redux、mobx-react。 如上面的…

我认为能用redux的项目就可以用mobx，除非需要redux-saga完成一些极其复杂的异步状态改变，都可以完美替代，一些如微博之类偏社交的整体异步状态并发改变可能很多，不太适合；像能分成各个小模块的，各模块互相联系不是很紧密的复杂项目用mobx体验很好。简言之，因地制宜，不…

Dva是蚂蚁金服开源的一个数据流管理方案，基于redux和redux-saga，简化了开发体验。Dva是一揽子的解决方案，可以使用侵入性很强的dva-cli来快速搭建项目，提供了路由层面的适配；也可以使用dva-core来引入核心的代码，减少侵入性。 rematch的灵感来自于…