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

提高页面渲染效率，可以通过以下几个方式来实现：DOM层级不要变；相同内容节点类型不要变；循环元素添加 key 值；保持结构的稳定性，避免兄弟节点错位而严重影响性能。

SSR 是 Server Side Rendering，服务端渲染，服务端返回渲染出的 html，浏览器解析 html 来构建页面。 其实这是一项很古老的技术，很早之前服务端就是通过 JSP、PHP

前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生成的方式有两种： 通过对比w

本文对应的 react 版本是 18.2.0 在阅读源码时，react 有很多位操作，这些位操作大都是对 lane 的操作 如果不了解这些位操作含义，看源码时会一脸懵逼： 为什么运算前的值和运算后的值

React 的源码并没有你想象的那么简单，也没有你想象的那么难，本篇带大家了解 createElement 函数背后的实现

在 ReactDOM.createRoot(...)之后都经历了些什么? 迷迷糊糊的讲解了 JSX 和 Fiber 树的结构,那么这篇文章我们将来详细讲解一下整个 React 生命周期的运行流程。 什

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

React致力于高效的渲染，主要核心来自于：异步可中断渲染，和时间分片。但这些任务的调度都涉及到优先级的管理。 在react中，大致可分为3种： fiber更新优先级 Lane task调度优先级 s