React.js

--- theme: qklhk-chocolate --- ## 🌊 Part 1 — 为什么要支持流式 JSON？ 想象一下：你有一个 10MB 的 JSON 文件，从网络上飞速传来。 如果你直接

🧭 一、什么是 react-markdown？ 用一句话说： 📜 react-markdown 是一个 React 组件，它能把 Markdown 字符串渲染成 React 元素。 换句话说： 你用

在 React 内部，每一次渲染任务都会给不同的更新分配一个“优先级”。 React 17 开始，Fiber 架构中引入了 Lanes 模型（车道模型） ——就像高速公路一样，不同类型的更新在不同车道

🧩 一、主题化的本质 —— “语义层”与“表现层”的隔离 先讲哲理——“主题化”从来不是“把颜色写两遍”。 它是把语义化设计变量与具体视觉值进行解耦的过程。 层级 职责 示例 🧠 语义层 定义抽象设计

🧠 一、背景：什么是拾取（Picking）？ “拾取”是指从用户交互的二维输入（鼠标、触控）映射到图形对象的过程。 想象你在一个可视化编辑器中移动鼠标指针——当光标悬浮在某个矩形（Rect）上，它高亮

🧩 一、为什么要有 Fiber？ 在老版本 React（16 之前）中，更新机制采用递归调用栈（Stack Reconciler） 。其问题是显而易见的： 当组件树很大时，递归更新会长时间占用主线程。

📖 故事开始 最近想在工作间隙背单词，但市面上的应用要么太复杂，要么干扰工作。于是我想：能不能做一个极简的应用，放在屏幕角落，不显眼但又能随时看到单词？ 说干就干！我打开 Cursor（一个强大的 A