yuki_uix

我开始写这个系列时，以为"状态管理"就是选个库（Redux 还是 Zustand）的问题。写完 9 篇，我才意识到:状态管理是一个思维方式，而非技术选型。 这篇文章不是技术...

选择通信方案,本质上是在选择组件之间的耦合程度。紧耦合的代码容易理解但难以重构，松耦合的代码灵活但追踪成本高。实用建议是：从最简单的方案开始，Props 能解决就用 Pro...

从单个 Agent 的原子化拆解到规划反思的迭代循环，从记忆系统的分层设计到生产环境的安全管控，AI Agent 的演进是把一个「聪明但不可靠」的工具，改造成一台「可可组合...

表单状态是前端最复杂的场景之一，难在状态、验证、性能、依赖的交叉。React Hook Form 以非受控为基础，是目前平衡较好的方案。验证时机比规则本身更影响体验。...

Network 面板里的 Doc 到底是什么？为什么有些认证信息会出现在这里而不是 Fetch/XHR 里？这背后有什么机制？...

WebSocket 本身的 API 很简单，但要在生产环境用好它，需要考虑很多工程问题。这些问题没有标准答案，需要根据具体场景权衡。...

在面试练习题中常常出现的 reduce 为什么在实战中相对较少的被使用到？我们在什么时候应该用到 reduce？本文从一个前端开发工程师的视角思考 reduce 的使用哲学...

用 useState 管理服务端数据会导致难以同步等问题。服务端状态本质是"远程缓存"而非普通状态，React Query/SWR 等专业工具已内置缓存、去重、重试、乐观更...

别再死记 REST、GraphQL、WebSocket 的优缺点了。本文从实际问题出发，解释每种方案的设计思想，提供决策树，教你根据需求选择合适方案，而非盲目跟风。...

AI 帮你写状态管理代码时，可能推荐过度复杂的方案。本文对比主流工具的"AI 友好度"，分析 Zustand、Redux 等方案的适用场景，提供决策指导，让你在 AI 协作...

登录跳转回原页面——这个常见功能背后藏着 URL 编码、redirect 参数、安全验证等技术细节。本篇文章通过实际场景拆解 URL 作为数据载体的设计思想，分享容易踩的坑...

你有没有思考过，当你在表单里输入一个名字，点击"提交"，然后页面显示"保存成功"。这个过程中，数据经历了什么？数据的生命周期/副本/状态是什么样的？一起来探索与发散思考吧！...

AI 需要的是结构化的能力接口，而不是 UI 页面，headless 的系统形态恰好满足这一点。但"更好接手"不等于"自动最优"。Headless 的复杂度依然存在，API...

Headless 关注后端是否 UI 无关（API 作为第一公民），微前端关注前端内部是否需要拆分（对抗复杂度）。本文通过二维坐标系梳理两者关系，帮助你判断何时需要它们，而...

一个前端开发者在AI辅助开发背景下重新审视微前端的思考：AI降低了技术实现成本,但架构决策的复杂度并未减少。微前端不是"是否先进"的问题,而是"何时出现才合理"的问题。...

GraphQL 不只是更好的 API，更是 AI 时代的"母语"。从"编写代码"到"定义契约"，GraphQL 正在重塑人机协作范式——由人类提供定义，让 AI 执行操作。...

从有构建网页的想法到实现需要几步？心动不如行动！本篇文章将以【个人博客网页】为示例，从单篇文章到多来源文章，从简单动态效果到深度交互，总有一款适合你当前需求的前端架构 + ...