React 18 原理学习之路

Zustand 什么是 Zustand? Zustand 是一个轻量级的状态管理库，用于 JavaScript 应用程序，特别是在 React 生态系统中。它提供了一个简单、可扩展的解决方案来中心化和

同步效果如下 建议大家阅读完之后再回来体验 jcode 什么是以同步的方式来获取数据 同步的方式（代码书写层面）来获取数据，其实也是践行代数效应（有兴趣的可以看看我的 践行代数效应的 hook 实现）

先看下面这段代码 这段代码模拟了懒加载的过程，运行之后,屏幕上会先展示 Suspense 的 fallback—— 加载中。。。 过 5 秒钟加载到组件后会自动重新渲染屏幕上出现 函数组件。。。。那这

PureComponent 和 meno 相信大家都用过，这里就不多介绍用法了，作用的话，在读源码以前，我通过八股文了解到是通过浅对比来减少 Render 的次数来达到优化性能的目的。那看了源码之后，

我理解的代数效应和初高中数学一样，举个简单的例子，有一道题目是 a^2 + b ^3 + c^4 + x = 100，求 x 的值，乍一看不会做不出来，再往后看题： 已知 a^2 + b ^3 + c

我们先来回顾下 React 的运行流程。 可以看到 Scheduler 是一个很关键的环节，更新任务的执行都得经过它，下面我们就来详细了解一下他具体是怎么进行调度的。 调度器 Scheduler 运行

经过前面的 render 流程，得到了一棵被标记完 flag （副作用）的 fiber 树，接下来会把这棵树交给 Renderer 处理，也就是 commit 阶段，在这个阶段会根据 flag 将对应

beginWork 会根据当前节点具体类型，进入对应的处理流程，在这些流程中最终都会执行 reconcileChildren，

前面我们了解了 React 运行的大体流程，下面我们来看看其中的 render 阶段的流程 为什么 React Reconciler 工作的阶段叫 render 阶段 render 阶段工作在 ren

一、这段代码竟然会让react应用瘫痪 大家可以试试在自己的react应用控制台中运行下面的代码。    运行完代码，试着操作页面，你会发现页面竟然不听使唤了，怎么操作都没反应。那这是为什么呢？在了解

第一次知道 React 18 出了并发特性之后，我的第一反应是可以同时更新，那性能是大大的提升啊。我得赶紧把这个和领导提一下，把公司项目的 React 升到最新，性能怕是大大的提升哦

我们从 React 的版本迭代过程中来看看， React 是怎么优化 CPU 的瓶颈以及 I/O 瓶颈。

我们知道在 React16 之后，React 底层引入了 Fiber ，那 Fiber 究竟是什么呢？ Fiber 和 JSX 有什么联系？下面我们就来看看：为什么是 JSX

对话 chatGPT React 中有个叫双缓存的东西，下面我们来问问 GPT， 看看他是怎么说的。 我： 双缓存技术是什么？ chatGPT： 双缓存是一种计算机图形显示技术，