核心实现思路 利用事件循环机制，抓住每次事件循环的间隙，执行任务 挑选符合要求的API 微任务。如Promise.then | MutationObserver 宏任务。如setTimeout | s

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber

上篇文章结尾提到过使用useReducer，可以帮助我们集中式的处理复杂的state管理。但如果我们的页面很复杂，拆分成了多层多个组件，我们如何在子组件触发这些state变化呢，比如在LoginButton触发登录失败操作？ 这篇文章会介绍如何使用另外一个高阶Hook-useC…

Typescript是JavaScript的一个超集，主要提供了类型系统和对es6的支持。本人使用ts编写react将近3个月的时间，中间踩了不少坑，从刚开始的觉得ts没有必要到现在觉得ts真香。在这里对使用ts编写react的心得做一下总结。 一个好的代码习惯是常常对自己写的…

在我的上一篇文章中，我们讨论了 React 中的类型检查（type-checking）；我们了解了如何在 React 组件中指定 props 的类型，尽管是在用 JS 编写代码。 在这篇文章中，继续研究 React，我们将学习 React 中的 HOC。 HOC 是 React…

这是我的剖析 React 源码的第二篇文章，如果你没有阅读过之前的文章，请务必先阅读一下 第一篇文章 中提到的一些注意事项，能帮助你更好地阅读源码。 现在请大家打开 我的代码 并定位到 react-dom 文件夹下的 src 中的 ReactDOM.js 文件，今天的内容会从这…

typesafe-actions 是一款专门为 ts 设计的库，能够帮助开发者减少 redux 样板代码，并自动为开发者创建好类型。 这个仓库是 React 和 Redux 生态的一部分，so，如果想换个方式写 action、reducer 和 type，可以继续看下去。 值得…

本文对 16.8 版本之后 React 发布的新特性 Hooks 进行了详细讲解，并对一些常用的 Hooks 进行代码演示，希望可以对需要的朋友提供些帮助。 Hooks 是 React v16.7.0-alpha 中加入的新特性。它可以让你在 class 以外使用 state …

react-redux 提供了两个重要的对象， Provider 和 connect ，前者使 React 组件可被连接（connectable），后者把 React 组件和 Redux 的 store 真正连接起来。react-redux 的文档中，对 connect 的描述…