修勾课堂开课了~下面是React中最核心的部分之一Diff算法，Diff 算法的本质就是对比 current Fiber Tree 和 JSX 对象，生成 workInProgress Fiber T

Fiber 架构下的 DOM Diff 过程：新的虚拟 DOM -> 新的 Fiber 节点 -> 真实 DOM -> 挂载到容器节点

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

当谈论 React 的性能问题时，不可避免的一个话题就是组件的 re-render 重复渲染。React 的组件需要关注两个阶段 初始阶段渲染： 当组件第一次挂载时 重复渲染： 组件已挂载，需要更新组

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

React Server Components（RSC）是一项令人兴奋的新特性，它将对页面加载性能、包大小以及React 应用程序的编写方式产生巨大影响。

前言 作为React坚实的拥护者，从v16开始，历经class到hook的完整演变。 当然React作为一个纯粹的Js Library，并没有提供状态管理的api，对于状态管理这个命题来说，社区以及R

最近在肝一个后台管理项目，用的是react18 + ts 路由用的是v6，当需要实现根据权限动态加载路由表时，遇到了不少问题。 v6相比于v5做了一系列改动，通过路由表进行映射就是一个很好的改变

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