React

本文深度剖析了 React 服务端渲染 (SSR) 中的核心概念——注水 (Hydration)。内容系统性地阐述了 Hydration 将静态的、由服务器预渲染的 HTML 转化为完全可交互应用的三个核心阶段，并详细解析了其工作机制、与传统客户端渲染的区别，以及避免水合不匹配错误的关键实践。

本文深度剖析了 React Suspense 作为声明式管理异步加载状态的核心机制。内容系统性地阐述了 <Suspense> 组件的工作原理、激活条件（如 React.lazy, use(Promise)），并详细介绍了利用嵌套 Suspense 实现渐进式加载，以及结合 useTransition 和 useDeferredValue 等并发特性来优化用户体验、避免不必要加载指示器的实践。

本文深度解析了 ReactDOM.createPortal() API 的核心机制。内容系统性地阐述了 Portal 如何实现组件的逻辑位置与物理 DOM 位置分离，并详细解析了其最关键特性——事件冒泡遵循 React 组件树的规则，而非物理 DOM 树。笔记通过模态框的经典应用案例，展示了如何利用 Portal 解决布局、z-index 和 overflow 等问题。

本文深度剖析了 React 的内部渲染管线，系统性地阐述了从状态更新触发到 DOM 变更的四个核心阶段：触发 (Trigger)、调度 (Schedule)、渲染 (Render) 和提交 (Commit)。笔记详细拆解了 Fiber 架构下的协调 (Reconciliation) 过程、Scheduler 的优先级调度机制，以及并发模式下可中断的渲染与同步的提交阶段。

本文深度剖析了 React 中 key prop 在列表渲染中的核心作用与底层机制。内容系统性地阐述了 key 如何作为元素身份的稳定标识，影响 React 的协调算法 (Reconciliation Algorithm)，并通过对比有无稳定 key 的情况，揭示了使用数组索引作为 key 在性能和组件状态管理上的潜在风险与反模式。