本文将会帮助你梳理学习 React 18 源码前需要了解的核心理念，后续小节中会给出每个核心理念的详细描述：

打造全网最简单，新手也可以看懂的 React 18 源码分析系列。共同学习 React 设计思想，提升编码能力，轻松应对前端面试。

本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一起加油！期

我们都知道AI生成是一件很耗时的任务。因为JS是一门单线程的语言，在我们调用LLM的时候，会有少则几秒，长则几分钟的等待时间。如果把这个任务给JS去执行的话，那界面将会阻塞，用户将无法操作界面。

核心实现思路 利用事件循环机制，抓住每次事件循环的间隙，执行任务 挑选符合要求的API 微任务。如Promise.then | MutationObserver 宏任务。如setTimeout | s

React渲染原理地文章可能你在中文互联网上一搜一大把，但是能讲清楚地没几个，而且甚至有很多讲错地，这样基础地内容不应该被误导，这篇文章给你讲地透透地！

不知不觉使用 React 也有一段时间了，最近也在学习 React 的一些相关知识，于是打算整理成文章顺便分享出来，进而巩固自己对 React 整体的认知。如有错误，欢迎指正！

⚠️1.1万长文⚠️ React源码并非洪水猛兽，知道方法，就可以很轻易地驯服它(=^▽^=)。文章基于最新的React源码进行调试及阅读，将以通俗的形式揭秘React

React 是前端开发每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，这篇文章就来总结一下我对 react 原理的理解。 react 和 vue 都是基于 vdom 的前端框架