#React

本文按"组件 → 状态 → 副作用 → 性能 → 路由与状态管理 → 工程化"的顺序整理 React 的核心用法，示例基于 React 18/19 + 函数组件 + Hooks。

• 环境：React 18.2+ / 19、Vite 5+、Node 20+
• 示例默认 TypeScript 与 JSX
• 说明：React 19 的部分能力（use、Actions、ref 作为普通 prop）在文中单独标注

我做 Nexus，最初是想练习块编辑器和实时协同，后来它逐渐变成一个面向小团队的自托管协作文档工作台：从块编辑、多人协同、工作区权限，一路长到匿名分享、Markdown 导入导出、后台任务、可观测性和 AI 工作台。回头看，功能清单不是最值得分享的部分；真正让我成长的，是每加一层能力，都得重新回答“数据谁说了算、失败时怎么办、权限在哪里拦”。