Statemanagement

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

本文深度剖析了 React Native 中用于数据持久化的核心库 AsyncStorage。内容系统性地阐述了其作为异步、非加密键值存储的机制，并将其与 Web 端的同步 localStorage 进行了关键对比。笔记详细介绍了 AsyncStorage 的核心 API、安全局限性，并探讨了在不同应用场景下，何时应考虑使用 MMKV 或 SQLite 等替代方案。

本文深度剖析了 React 开发中因多个 useEffect 相互依赖而产生的“链式效应”反模式。笔记通过对比分析，阐述了其在可维护性、竞争条件和调试方面的缺陷，并提出了一种基于“事件驱动”思想的权威解决方案：结合 useReducer 与单一 useEffect 构建可预测、健壮且易于推理的状态机模型。

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

本文深度剖析了 React 18 引入的核心 Hook useSyncExternalStore，旨在解决与外部数据源同步时产生的“撕裂 (tearing)”、SSR 水合不匹配及性能问题。笔记系统性地阐述了该 Hook 相较于传统 useEffect 模式的优势，拆解了其基于 subscribe 和 getSnapshot 的原子化更新机制，并提供了具体的实现范例。