⚠️1.1万长文⚠️ React源码并非洪水猛兽，知道方法，就可以很轻易地驯服它(=^▽^=)。文章基于最新的React源码进行调试及阅读，将以通俗的形式揭秘React

React采用了fiber架构来管理所有组件的渲染任务,在reconciler中通过一个函数将fiber树生成逻辑封装到一个一个回调函数中,再传入scheduler进行调度。

在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

假设 React 组件有这样一个状态： 我们这样修改了它的状态： 你觉得组件会重新渲染么？ 我们先在 class 组件里试一下： 渲染 state.a.b 的值，两秒以后修改 state。 你发现它重

介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !

在本文中，我们将深入探讨 React 中的高阶组件（Higher-Order Components，简称 HOC）。我们将介绍高阶组件的概念、如何创建和使用高阶组件，以及高阶组件的实际应用场景。 什么

1. 背景 之前在重构项目的所涉及到的组件中，Tree组件占据了半壁江山。而该组件的产生，也是由该项目演化未来。虽然该项目后来停止了，但是所累积的设计经验确是延续下来了的。在组件库中，我结合了虚拟列表

如果你看过React官方文档，你会看到说"子组件是一种不透明的数据结构"(opaque data structure)。意思就是props.children可以是任何类型，比如array, function, object等等。因为什么都可以传，所以你也不能确定传过来了什么东西…