写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的原创文章,来自与我们操作层软件同一套工程实践。正文为英文。
标签:zod
使用 Zod 实现 React 19 的 Server Actions:减少 FormData 的样板代码
虽然 React Hook Form 仍更胜一筹,但也可以将 React 19 的 Server Actions 与 Zod 结合使用,同时还有一个小型辅助工具可以避免重复解析 FormData。
1168 词阅读在每个 Next.js 数据边界处用 Zod 解析替代 as-Casts
为何 TypeScript 类型转换无法防止 API 变更,以及如何利用 Zod 模式在 Next.js 中验证获取的数据、表单、路由处理程序和服务器动作。
1136 词阅读Zod 4.5的编译、验证与safeParse功能:根据边界条件选择解析器
如何针对有效和无效的负载,对 Zod 4.5 编译后的解析器及布尔值验证快速路径进行基准测试,同时明确各 API 的用途而不丢失错误处理路径。
2605 词阅读TypeScript中的带标记ID:哪些编码能真正防止误删
在同一测试中对比了六种输入 UserId 和 InvoiceId 的方式:哪些会导致 tsc 拒绝执行 deleteInvoice(userId),以及 Zod 是如何在运行时提供安全保障的。
2472 词阅读手工构建的 React 表单:受控输入、验证与提交状态
了解 React 表单的工作原理,包括受控输入与各类型处理函数、验证功能、提交状态、动态字段、文件上传,以及何时使用表单库会更高效。
2992 词阅读用于实时 WebSocket 分析仪表板的文本合同与 Zod 校验机制
如何用 TypeScript 构建可靠的实时仪表板:定义数据载荷契约,使用 Zod 验证 WebSocket 消息,并防止重复连接。
1298 词阅读守护请求边界:一款用于处理请求体、参数及查询的Zod中间件
了解如何使用一个可复用的 Zod 中间件来验证 Express 请求体、路由参数和查询字符串,以及它如何与 Sequelize 模型验证相辅相成。
2021 词阅读在 Next.js App Router 代码库中分离域层、数据层和 UI 层
一个 Pokédex 案例研究,展示如何利用 Prisma、Zod、Cookie 认证及缓存功能将 Next.js App Router 应用拆分为领域层、数据层和表现层。
2172 词阅读审视 Prisma-Guard 的 Shape:所有权、投影与写操作契约
学会将 Prisma-Guard 定义的架构视为 API 合同来审查,需明确每个值的归属者、哪些数据可以出现在响应中,以及哪些生成的端点能够被调用。
2744 词阅读