- Published on
本文深度剖析了 React 服务端渲染 (SSR) 中的核心概念——注水 (Hydration)。内容系统性地阐述了 Hydration 将静态的、由服务器预渲染的 HTML 转化为完全可交互应用的三个核心阶段，并详细解析了其工作机制、与传统客户端渲染的区别，以及避免水合不匹配错误的关键实践。
Performance
- Published on
本文深度剖析了 CSS Sprites（CSS 雪碧图）这一经典的 Web 性能优化技术。内容系统性地阐述了其通过将多张图片合并为单一文件以减少 HTTP 请求的核心原理，并详细拆解了利用 background-image 和 background-position 的实现方法。笔记还进一步探讨了该技术的性能权衡、维护成本，及其在 HTTP/2 和 SVG 盛行的现代 Web 开发中的地位与替代方案。- Published on
本文深度剖析了 React 中 key prop 在列表渲染中的核心作用与底层机制。内容系统性地阐述了 key 如何作为元素身份的稳定标识，影响 React 的协调算法 (Reconciliation Algorithm)，并通过对比有无稳定 key 的情况，揭示了使用数组索引作为 key 在性能和组件状态管理上的潜在风险与反模式。- Published on
本文深度剖析了 React 应用中的高级性能优化策略，论证了为何应优先采用“组件组合”而非“记忆化 (Memoization)”。笔记系统性地阐述了 React.memo 的脆弱性，并详细介绍了两种核心的组件组合模式——“下移状态”与“上提内容”。此外，还探讨了外部状态管理以及 useEffectEvent 等用于处理复杂依赖关系的现代 Hooks。- Published on
本文深度解析了 React Native 中用于创建可滚动列表的两大核心组件：ScrollView 和 FlatList。内容系统性地阐述了 ScrollView 适用于短内容列表的机制，以及 FlatList 如何通过虚拟化技术高效渲染长列表。