Frontendarchitecture

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

本文深度剖析了在 React 应用中利用 URL 查询参数进行 UI 状态管理的现代设计模式。内容系统性地阐述了“URL 即状态”的核心原则、其在可分享性、持久化和浏览器历史集成方面的关键优势，并通过 nuqs 库的代码示例，展示了如何实现类型安全、声明式的 URL 状态同步。

本文深度剖析了 React 及其他现代前端应用中用于管理复杂状态的高级模式——数据规范化 (Data Normalization)。笔记通过电商购物车的案例，对比了非规范化（嵌套）与规范化（扁平）状态结构，并阐述了后者如何通过建立“单一数据源”来简化更新逻辑、提升渲染性能并增强应用的可维护性。

本文深度剖析了现代 React 应用中处理表单的先进模式，阐述了从传统的客户端状态管理 (useState) 到利用平台原生 FormData API、React Server Actions 及 useActionState Hook 的范式转变。