syukuu

函数调用就会创建新的组件，父组件如果更新，执行updateFunctionComponent方法，内部会重新调用函数，生成新的函数组件，因此子组件的也会重新渲染。 无形中会...

更新是如何发生：调用useState，内部通过setState修改状态后，调用scheduleUpdate方法，从根节点执行完整的dom-dif...

如何中使首屏加载更快？怎么让刷新或关闭浏览器之后数据依然不被清空？缓存对于前端来说都是非常重要的领域...

性能优化，本质就是减少页面重新渲染的次数。 类组件：PureComponent ；函数组件：memo 。PureComponent 纯组件，核心是内部重写了should...

高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式...

Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据。Context 其实使用的是Provider和Customer模式，和reac...

准备 React 16前的生命周期在React 16引入fiber之后就不合适了，因为如果要开启async rendering，在render函数之前的所有函数可能会被Re...

React从零开始设计的时候就考虑了性能的问题。在这篇文章中，我将介绍React中的diff算法和渲染过程。这样就能...

本文将手写实现以下阶：初始化 initialization，初始化状态和属组件挂载 组件将要挂载componentWillMo...

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react...

React的ref一共有三种形式：原生组件的ref、类组件的ref、函数组件的ref。本文将按照源码思想手写实现这三种方式...

点击进入React源码调试仓库。 由于fiber机制的特点，生成一个fiber节点时，它对应的dom节点有可能还未挂载，onClick这样的事件处理函数作为fiber节点的...

如果react事件绑定在了真实DOM节点上，一个节点同时有多个事件时，页面的响应和内存的占用会受到很大的影响。因此`SyntheticEvent`作为中间层出现，把事件处理...

状态更新引起组件更新，本文将依次从以下五个阶段依次实现setState() --> 实现状态更新器 --> 实现组件更新 --> 实现事件绑定 --> 实现异步...

React推出三种定义组件的方式：函数式、es5、es6。这三种方式有什么联系和区别，以及我们手写如何实现，将在本文...