在渲染列表时我们通常会一次性将所有列表项渲染到`DOM`中，在数据量大的时候这种操作会造成页面响应缓慢，因为浏览器需要处理大量的`DOM`元素，而此时我们通常就需要虚拟滚动来实现性能优化。

源码级层面角度剖析React中useEffect和useLayoutEffect hook有什么区别。

这篇文章大致归纳了面试中最爱问的几个问题：1.useState后发生了什么。2.详解diff算法 。3.render阶段发生了什么。4.fiber树的更新流程

自从 React 16 发布后， React Router 也发布了第五个版本，更好的支持 React 16。 要在一个 web app 中使用 react router， 首先你需要搭建一个 React web app，我们推荐 creat react app。它是一个非常流…

【React】万字长文！100+个让你事半功倍的常用 React Hooks 和工具包，助你写出高质量的react代码！

【脚手架】从0到1搭建React18+TS4.x+Webpack5项目，主技术栈：webpack5 + React18 + TS4.x + React-Router6.x

基于 React 18 版本讲解 React Hooks 原理。配合录制的 debug 视频，带大家详细理解 Hooks 在 Fiber 中的运行机制、状态保存逻辑和常见的关于 Hook 的问题。

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。 类组件可以使用其他特性，如状态 state 和生命周期钩子。 当组件只是接收 pro…

React 是实现了组件的前端框架，它支持 class 和 function 两种形式的组件。 class 组件是通过继承模版类（Component、PureComponent）的方式开发新组件的，这