最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中

本文首发于个人博客 前言 一开始看到 chatgpt 的流式渲染，有点好奇流式渲染是如何实现的，无意之间发现 vercel 的库：ai，仔细学习了它的代码，写的小而精，把它看明白了之后，想着写一篇文章

主流程其实很简单，就是创建出根fiber，然后将根fiber的子节点的VDOM添加到根fiber的更新队列中，然后再根据这个更新队列进行fiber树的构建。