React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

众所周知，原本不支持 tree-shaking 的 Webpack 在它的 2.x 版本也实现了 tree-shaking，好奇心又来了，rollup 从一开始就自实现了 tree-shaking，而

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 今天我们讲讲 Context 对象和 useContext 的使用方法。 考虑这样一种场景，如果组件树结构如下，现…

面对最常见的问题，给出让面试官惊喜的答案。 我认为通往所谓“精通”的过程分三步骤： 1. 能熟练使用API 2.理解API实现的原理 3. 自己去实现一个API，能用来实际解决问题的那种，经得住考验。

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

本文配有视频：点击播放视频 结合文章一起看效果更好！ 写作的背景 是这样的，最近有B站的小伙伴在我某个视频下评论，让我分享一下，这个BadApple动态效果怎么做。好家伙，我开始还不知道badappl

beginWork 阶段React源码系列React源码解析之 Fiber结构的创建React源码解析 之 Fiber的渲染（1）beginWork阶段从调用的代码中来看，beginWork最终返回的

当前React版本基于V17.0.2版本，本篇主要介绍fiberRoot结构的创建。通过debugger源码，划出fiberRootNode结构图。

如何生成workInProgress结构上篇通过查看调用栈生成了了一个fiberRoot，从调用updateContainer函数为入口函数，开始执行解析fiberRoot结构。解释一下，此时的chi