#开发

2026年7月2日·技术·visibility0

开发React

闭包陷阱与 useCallback: 为什么你总是拿到旧值？ React 开发中经常会遇到在闭包函数中打印出旧值的问题。这些问题表面上像是 React 的坑，实际上，它们是 JavaScript 闭包和 React 按渲染快照工作这两件事，叠加在一起的结果。

2026年7月2日·随笔·visibility7

AI开发

别让 Vibe 变成债：开发者如何在速度与工程责任间找到平衡点？ 在 AI 写代码已经成为日常的今天，“vibe coding” 确实让开发变得更快、更爽——一句话就能跑起来一个功能。问题是：当代码要进生产、要长期维护、要有人为系统负责时，速度和可维护、稳定性、可靠性之间的矛盾开始集中爆发。

2026年6月30日·技术·visibility8

开发React

React Hooks：useEffect 的边界，哪些逻辑不该写进去 useEffect 本来是 React 给你的一个“逃生舱”，用来同步外部系统，结果很多人把它当成了组件内部逻辑的总调度室。先记住一句判断标准：如果这里没有“外部系统”参与，那你通常就不需要 Effect。

2026年6月30日·技术·visibility3

开发React

为什么 React Hooks 写着写着就乱了？ 随着时间的推移，很多人使用 React Hooks 的体验，会从清爽慢慢转换为越来越乱。在这篇文章中，我会分析产生混乱的原因，并给出有效的使用指导。

2026年6月23日·技术·visibility4

AI开发

最好的代码是没写的那行：聊聊开源插件 ponytail Ponytail 是一个开源 AI 插件，让你的编码助手像“懒惰资深工程师”那样思考，用标准库和现有能力优先解决问题，把多余的代码都省掉。

2026年5月17日·技术·visibility10

开发

MVP 不是将就，是一种更聪明的开发顺序 MVP（Minimum Viable Product，最小可行产品）这套思维，本质上是帮你用更小的代价验证一个想法值不值得继续投。

2026年5月12日·技术·visibility12

开发React

React Native 0.85：站在新架构上的一次“打磨版”升级 React Native 0.85 发布的时候，官方没有给出那种「革命性」的宣传语，因为这次更新本质上是在新架构已经落地的前提下，对动画、调试、测试等基础设施做了一轮系统打磨。

2026年5月3日·技术·visibility7

AI开发

写给前端工程师的 MCP 入门指南 很多前端工程师第一次接触 MCP，都会有点懵：名字像协议，内容像 Agent，讨论里又总会出现 Tool、Prompt、Resource、Skill。其实没必要一开始把所有术语都啃下来，只要先抓住一句话：MCP 是让 AI 能接工具、拿数据、真的做事的一套标准方式。

2026年5月2日·技术·visibility11

AI开发

code-review-graph：让 AI 代码审查更精准、更省 Token code-review-graph 是一个面向 AI 编码助手的开源工具，它会先在本地为代码库建立一张结构化“知识图谱”，再把真正相关的上下文交给 AI，从而避免每次任务都全量扫描整个仓库。 它基于 Tree-sitter 解析 AST，把函数、类、导入、调用关系和测试关系组织成图结构，再通过 MCP 提供给 Claude Code、Codex、Cursor 等工具使用。

2026年4月26日·技术·visibility15

开发

我使用的 VPS 部署神器 Kamal2 入门指南 现在，我使用的全栈框架主要是 Next.js 16 和 Rails 8。通过使用 Rails，我接触到了官方推荐的部署工具 Kamal。平时用它在RN和阿里云服务器上部署项目。用起来很顺手和简单，现在我想给大家也介绍一下 Kamal2 的概念和入门使用方法。

2026年4月21日·技术·visibility3

开发

第 8 篇：在 blog-demo 中加上 RBAC（让 Prisma 知道“谁能做什么”） 这一篇，我们就给 blog-demo 增加一个简单的 RBAC（基于角色的访问控制）规则。

2026年4月21日·技术·visibility4

开发

第 7 篇：给 blog-demo 接上简单鉴权（Next.js + Prisma + Auth.js） 这一篇，我们来做三件事：给项目接入一个最小可用的登录系统（Auth.js / NextAuth 风格）；把 blog-demo 的 “新建文章 / 发表评论” 改成“必须登录才能操作”；在 API Route 里，从会话里拿当前用户 id，替代硬编码的 authorId。

2026年4月21日·技术·visibility6

开发

第 6 篇：Next.js + Prisma + blog-demo 的全栈实战 前几篇，我们主要站在“后端视角”用 Prisma 搭好了 blog-demo 的数据模型和业务链路。这一篇，我们把这套模型接到 Next.js 上，做一个最小但完整的“个人博客后台。

2026年4月21日·技术·visibility5

开发

第 5 篇：基于 blog-demo 写出一条完整业务链路（Prisma 进阶实践） 上一篇，我们为 blog-demo 设计了一套关系模型：User / Profile / Post / Comment / Category。它已经可以跑起来了，但是还停留在“结构层面”。这一节，我想换一个角度： 不再按“概念”来讲，而是按“完整业务链路”来讲。

2026年4月21日·技术·visibility2

开发

第 4 篇：Prisma 关系建模与查询实战（blog-demo 项目） 从这一篇开始，我们从只有 User 的单表世界，走向有真实业务语义的多表世界：博客系统 blog-demo。

2026年4月21日·技术·visibility4

开发

第 3 篇：Prisma Schema 全面拆解 这一篇的目标是：把这份 prisma schema 从上到下拆开讲清楚——datasource、generator、model、enum、各种属性都是什么、怎么用。

2026年4月21日·技术·visibility3

开发

第 2 篇：用 PostgreSQL 从零搭建你的第一个 Prisma 项目 本文中，我们直接从一个真实项目起步：使用 Prisma 7 + Next.js 16.2.2 + PostgreSQL + pnpm，从空目录走到“能在页面上看到数据库里的第一条 User 记录”。

2026年4月21日·技术·visibility13

开发

第 1 篇：Prisma 是什么？ 我们先用一句话概括：Prisma 是面向 TypeScript/JavaScript 的现代 ORM 和数据访问工具链。