通过React源码学习React Fiber的核心架构，源码基于React最新版本17.0.2，除了Fiber，也可以了解到其他关于React最新的源码及思想

前言 现在写这篇文章的时候，React的版本已经是17.x，Typescript也已经是4.x，webpack也已经到了5.x。而我们组的业务一直都很忙，所以我们的项目模版还是React16.x（不支

前言 今天我们来一期不同寻常的React进阶文章，本文我们通过一些不同寻常的现象，以探案的流程分析原因，找到结果，从而认识React，走进React的世界，揭开React的面纱，我深信，更深的理解，方

最近在做一个功能，然后不小心踩到了 React 合成事件 的坑，好奇心的驱使，去看了 React 官网合成事件 的解释，这不看不知道，一看吓一跳... 需要做一个弹窗打开/关闭 的功能，当点击 button 的时候打开，此时打开的情况下，点击弹窗 区域 外，就需要关闭。 很简单…

背景图源来自 Kaley Dykstra 并发布在 Unsplash 上，源代码图像生成自 carbon.now.sh。 在使用 React 时，您难免遇到受控组件和事件处理程序。在自定义组件的构造函数中，我们需要使用 .bind() 来将方法绑定到组件实例上面。 在这篇文章中…

本文介绍了如何在 Create React App 脚手架中启用 Sass 和 Less。 关于创建 create-react-app 项目请查看： create-react-app 的安装与创建。 关于在 less 和 sass 如何在 create-react-app 启用…

时隔2年，重新看React源码，很多以前不理解的内容现在都懂了。本文将用实际案例结合相关React源码，集中讨论React Diff原理。使用当前最新React版本：16.13.1。 在讨论Diff算法前，有必要先介绍React Fiber，因为React源码中各种实现都是基于…

在 Web 项目开发过程中，我们经常会遇到重复请求的场景，如果系统不对重复的请求进行处理，则可能会导致系统出现各种问题。

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