React
状态管理
状态管理被视为前端开发中最棘手的工作之一。本文将状态分为局部、全局、服务端、表单、URL、外部和守卫 7 类,并从 Single Source of Truth、消除不可能状态、State Colocation 等 4 个判断维度,梳理工具选择与状态建模的准则。
Toss Frontend Fundamentals 模拟考试第 2 期重构复盘
分享参加 Toss Frontend Fundamentals 模拟考试第 2 期时重构会议室预订应用的经历,并梳理单体组件拆分、领域逻辑提取以及基于测试的重构过程。
queryKey
梳理 TanStack Query 的 queryKey 如何工作,以及它为何从内联数组演进到 query key factory 和 queryOptions;并从实践角度讨论 TkDodo 模式、v5 queryOptions,以及 setQueryData 和缓存失效。
错误处理
梳理 React Error Boundary、try/catch 与 TanStack Query 的 throwOnError 各自负责的范围及其组合方式,并区分渲染阶段错误与异步错误,深入说明 react-error-boundary 的 reset 工作原理。
彻底掌握 React Fiber
基于 React 源码,深入分析 React Fiber 架构,从 Stack Reconciler、Lane 优先级、双缓冲、MessageChannel 调度器到 Concurrent Features。前端面试中的高频主题。
Zustand,你到底为什么是 ProviderLess?
通过源码分析深入探究 Zustand 无需 Provider 即可管理状态的原理,以及它与 React Context API 的区别和基于模块作用域的设计。