1. 引言 这次介绍的文章是 scheduling-in-react，简单来说就是 React 的调度系统，为了得到更顺滑的用户体验。 毕竟前端做到最后，都是体验优化，前端带给用户的价值核心就在于此。 2. 概述 这是一个测试性能的 Demo，随着输入框字符的增加，下方图表展示…

在web应用无所不能的9012年，组成应用的Components也越来越复杂，冗长而难以复用的代码给开发者们造成了很多麻烦。比如： 与其他语言中的class概念差异较大，需要对事件处理函数做bind操作，令人困扰。另外class也不利于组件的AOT compile，minify…

开发环境下，key和ref会存在于react元素的props上，但是获取到的值为undefined，并报错。在生产环境下，key和ref不会存在于react元素的props上的。 ... 通过Ref属性的取值器对象的isReactWarning属性检测是否含有合法的Ref，在开…

本次系列分上下两篇文章，上主要介绍从v16.0~ 16.4的新特性，下主要介绍16.5~16.8。下面就开始吧~ 本篇文章较长预计需要15min（当然主要是因为demo太多），大家可以搞点瓜子边啃边看。最好能留出一只手自己在codePen上自己调试一下。 React 15: 只…

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

在上一篇文章中，我们谈到 Hooks 给 React 带来的一些在开发体验上的改变，如果你已经开始尝试 React Hooks，也许你会跟我一样碰到一个令人疑惑的地方，如果没有的话，那就再好不过啦，我就权当做个记录，以便他人之需。 看到onClick绑定的那个匿名函数了吗？这样…

React Fiber 是 React 核心算法的持续重新实现。它是React 团队超过两年的研究结果。 React Fiber 的目的是增强对类似动画、布局和手势操作这些场景的适应性。他的头个特性是渐进式渲染：将渲染工作拆分成块并将其分散到多个帧的能力。 其他主要特性包括在新…

新一年又开始了，React过去一年悄悄实现了Suspense，带来了React Hooks ,源码也大变换了。因此好有必须重新阅读一下，看它是如何实现这些功能，及未来准备开放的并发渲染功能。

为了教育我自己和社区，我花了很多时间在Web技术逆向工程和写我的发现。在过去的一年里，我主要专注在Angular的源码，发布了网路上最大的Angular出版物—Angular-In-Depth。现在我已经把主要精力投入到React中。变化检测已经成为我在Angular的专长的主…