上一篇文章我们主要实现了 JSX 在 WebGL 上的渲染与更新，对 虚拟DOM 和 Diff 有了更深的了解，但相比于我们使用的 React，还缺乏了之中很重要的一环 --- 组件模式。 想必大家能认同，React组件(Component)具有 强大的功能，高拓展性和高解耦性…

之前面试三部曲简明地梳理了前端知识结构体系，浅尝辄止。这个系列则要进一步研究和领会 内在的奥妙。今天打算以一个比较新颖的角度切入，深入地梳理下 React 的内部实现。 1. 有利于大家在 React 日常业务使用中更加得心应手； 2. 也可将领会到的思想融会贯通，拓展到其它领…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

为什么页面会出现卡顿的现象？ 为什么浏览器会出现页面卡顿的问题？是不是浏览器不够先进？这都 2202 年了，怎么还会有这种问题呢？

React文档中介绍了React Hooks的如下使用规则。 我们在使用hooks时需要遵循这两条规则，那么为什么有这两条限制呢？我们可以从源码中寻找答案。 Hooks基础 和class组件

hook本身就是个函数，那它和普通的函数有什么区别？ 什么时候我应该抽hook；什么时候应该放util里，当个通用函数合适？ 1.调用时机不同和调用方法不同。 在FC里使用的时候，自定义hook和CF

使用过redux的同学都知道,redux作为react公共状态管理工具，配合react-redux可以很好的管理数据,派发更新，更新视图渲染的作用，那么对于 react-redux 是如何做到根据 state 的改变，而更新组件，促使视图渲染的呢，让我们一起来探讨一下，reac…

事实上，useState 的原理一点也不复杂，我也会努力,让只要使用过 React 的朋友就能看懂。

一、什么是合成事件 在 React 中我们如果想给一个 div 标签绑定一个事件，我们会给他添加一个 onClick 属性他接受一个回调函数，当我们触发点击事件时就只执行这个回调函数，其实这个 onC