标量类型与输入校验
GraphQL 标量类型与输入校验实战:自定义标量的 serialize/parseValue/parseLiteral 三件套、graphql-scalars 常用标量、ID 与 DateTime/Decimal 的坑、标量 vs 指令 vs resolver 的校验分层、Zod 集成、codegen 映射、错误归一化与测试方法。
tag
GraphQL 标量类型与输入校验实战:自定义标量的 serialize/parseValue/parseLiteral 三件套、graphql-scalars 常用标量、ID 与 DateTime/Decimal 的坑、标量 vs 指令 vs resolver 的校验分层、Zod 集成、codegen 映射、错误归一化与测试方法。
受控表单在大表单下会因每次按键重渲染整棵树而变慢。本节从这一性能问题切入,讲清 React Hook Form 的非受控与订阅式模型为何更快,再用 zodResolver 把 Zod schema 变成表单唯一的规则与类型来源,让字段名、错误结构与提交类型自动对齐。你会掌握 register、handleSubmit、formState 的用法与 Controller 的接入时机。
构建运行时类型安全边界:Zod 判别联合/transform/refine/效果、Valibot 对比选型、API 输入输出契约建模,以及 schema 与类型体操的深度结合。
深入 Node.js 输入校验与数据契约:运行时校验的意义、Zod 核心 API 与 Schema 组合、与 TypeScript 的类型联动(z.infer)、请求校验管道、DB 与 API 边界的数据契约、错误信息国际化,以及 Zod vs Joi vs Valibot 选型对比。
本节介绍如何在运行时检查数据形状:用 Zod 声明 schema,用 z.infer 让编译期类型自动推导,告别「类型与校验规则各写一份」的漂移。内容覆盖 parse 与 safeParse 的取舍、issues 结构、optional/default/transform/refine 等修饰、z.input 与 z.output 的差异、判别联合与递归 schema,以及常见坑。
tRPC 深度实战:procedure/router/middleware 核心概念、Zod 输入校验、React Query 集成、订阅支持、Next.js App Router 适配、与 GraphQL/REST 的混合策略。
深入介绍 Node.js 与 TypeScript 生态中的 tRPC,涵盖 Router、Procedure、Context、Middleware、Zod 校验、客户端 Links、请求批处理、订阅、TanStack React Query、Next.js、Bun 与 Edge Runtime 集成,并对比 REST、GraphQL、gRPC 和 Hono RPC 的适用场景。
TypeScript 只在编译时有类型检查,运行时数据仍需验证。详解 Zod 在 API 请求验证、表单校验、环境变量类型安全、Prisma 数据校验中的完整用法。
React 与 TypeScript 结合的生产级实践:组件 Props 泛型模式、Hooks 类型推断、Context 类型安全、API 数据契约(Zod)、常见错误与严格配置(strictMode、noImplicitAny、exactOptionalPropertyTypes)。附模式速查表和组件库类型设计。
在 Next.js App Router 中构建类型安全的表单系统——React Hook Form + Zod 深度集成,涵盖动态字段、多步骤表单、文件上传、异步验证与 Server Action 提交。