跳到正文

前端

12篇文章

2026. 09. 21 · 阅读约27分钟

overlay-kit

把用全局状态保存模态框开关的代码换成一行 await,我得到了什么又失去了什么。顺着源码追踪 overlay-kit 的事件、reducer 与 openAsync 核心逻辑,并亲手测试重新打开的行为,直到发现它与文档不符之处。

2026. 05. 18 · 阅读约29分钟

状态管理

状态管理被视为前端开发中最棘手的工作之一。本文将状态分为局部、全局、服务端、表单、URL、外部和守卫 7 类,并从 Single Source of Truth、消除不可能状态、State Colocation 等 4 个判断维度,梳理工具选择与状态建模的准则。

2026. 04. 18 · 阅读约44分钟

领域模型

从前端视角梳理领域、领域模型与领域对象的概念,并讨论实体与值对象、贫血领域模型以及 ViewModel 的分离。文中通过韩国综合所得税领域的示例,说明如何在 React 项目中把领域逻辑与视图拆开的实战方法,以及拆分之后测试与维护会发生什么变化。

2026. 03. 28 · 阅读约19分钟

Toss Frontend Fundamentals 模拟考试第 2 期重构复盘

分享在 Toss Frontend Fundamentals 模拟考试第 2 期中重构会议室预订应用的经历。文中梳理单体组件的拆分方式、领域逻辑的提取过程,以及以测试为基础推进重构的完整步骤,并记录其中做出的取舍与复盘,供准备同类练习的开发者参考。

2026. 03. 02 · 阅读约36分钟

AI 前端工程师

在 AI 代替人编写代码的时代,前端工程师该如何成长并生存下去?本文基于 Karpathy 的 agentic engineering、Vercel v0、Stack Overflow Survey、METR 研究等可靠资料,梳理以验证、规格与判断力为核心的新能力和学习策略。

2026. 02. 01 · 阅读约36分钟

抽象

前端开发中的抽象究竟是什么,好的抽象与坏的抽象又有何不同。本文从 React 组件、自定义 hook 与函数设计的角度,梳理抽象层级的统一、揭示意图的命名,以及把部件组合起来的设计方法,并讨论抽象泄漏带来的代价,以及可以直接套用到现有代码里的重构方向。

2026. 01. 04 · 阅读约34分钟

queryKey

梳理 TanStack Query 的 queryKey 如何工作,以及它为何从内联数组演进到 query key factory 和 queryOptions;并从实践角度讨论 TkDodo 模式、v5 queryOptions,以及 setQueryData 和缓存失效。

2025. 12. 03 · 阅读约26分钟

ErrorBoundary 放在哪里

知道了错误会去哪里,接下来就该在那些地方放上接收它的东西。ErrorBoundary 分几层、一次失败该让出多少屏幕、以及要让重试按钮真的重试还得一起解开什么,全部用已安装的源码来核对。

2025. 11. 17 · 阅读约23分钟

错误的传播

把同一个错误从七个位置抛出去,只有四个能到达 ErrorBoundary。这篇文章用官方文档和本地安装的源码确认编译期、渲染与生命周期、服务端数据、页面切换、外部库、事件与异步分别传播到哪里。

2025. 05. 20 · 阅读约40分钟

彻底掌握 React Fiber

基于 React 源码,深入分析 React Fiber 架构,从 Stack Reconciler、Lane 优先级、双缓冲、MessageChannel 调度器到 Concurrent Features。前端面试中的高频主题。

2024. 12. 01 · 阅读约14分钟

Biome 能取代 ESLint 和 Prettier 吗?

对比 Biome 与 ESLint、Prettier 组合的 lint 与格式化性能。基于把这款 Rust 一体化工具链引入实际项目的经验,整理配置迁移的具体步骤、容易卡住的地方,以及它目前能替代的范围和仍然遗留下来的问题,帮助你判断现在是否值得迁移。

2024. 08. 18 · 阅读约28分钟

Zustand,你到底为什么是 ProviderLess?

通过阅读源码深入探究 Zustand 无需 Provider 就能管理状态的原理。文中比较它与 React Context API 的差异,梳理基于模块作用域的 store 设计,以及 useSyncExternalStore 的订阅机制。