snakeshe1010

目标:实现任务调度器 为什么要实现任务调度器 dom特别大的时候会造成渲染卡顿 看一个demo,代码如下，卡顿原因，js执行是单线程的，while循环逻辑会阻塞后面渲染 main.js index.h

目标:让之前的mini-react使用jsx 安装vite 将之前的App.js，core文件夹，main.js拷贝进去，并将App.js修改成App.jsx 修改index.html中的路径和id

本文记录了为自研Mini-React框架添加JSX支持的完整过程：通过Vite搭建开发环境，验证JSX编译机制，改造现有组件代码，并分析当前组件化支持的局限。

目标:使用和react一样的api在页面渲染字符 先看下react的Api写法 main.jsx App.jsx 开始我们的写法 从最简单的版本开始 新建my-react项目文件夹 新建index.h

本文从零实现了React核心渲染逻辑，通过四步递进式开发：1）基础DOM操作 2）虚拟DOM设计 3）动态元素创建 4）递归渲染架构。最终实现了与React相似的API调用方式。

本文通过案例分析，揭示了React性能优化的核心在于通过组件结构设计实现bailout策略。通过分离可变状态与静态内容（如将状态逻辑抽离子组件、利用children插槽），使父组件避免重渲染

旧版 React ContextAPI 在数据更新时依赖组件树的完整调和流程，导致命中“跳过子树 beginWork”的 bailout 策略时，子树的 Context Consumer 无法响应更新

React的Bailout策略通过复用现有Fiber节点来优化性能，减少不必要的渲染。关键点：避免组件内定义子组件（导致type变化），合理使用优化API，理解props比较机制。

本文详细介绍了React内部的性能优化策略eagerState，其核心逻辑是在状态更新前后未变化时跳过后续更新流程。通过提前计算state并与当前state对比，若相同则避免进入调度阶段。