写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的原创文章，来自与我们操作层软件同一套工程实践。正文为英文。
标签：Next.js
TypeScript中的带标记ID：哪些编码能真正防止误删
在同一测试中对比了六种输入 UserId 和 InvoiceId 的方式：哪些会导致 tsc 拒绝执行 deleteInvoice(userId)，以及 Zod 是如何在运行时提供安全保障的。
阅读约 11 分钟ESLint 10下的React 19代码检查规则，以及当eslint-plugin-react版本落后时的情况
为什么 eslint-plugin-react 在 ESLint 10 中会出问题，以 Biome 为优先的配置方式如何将 React 的代码检查规则限制为 11 条，以及如何将该分支集成到 flat config 和 Next.js 中。
阅读约 8 分钟在每个 Next.js 数据边界处用 Zod 解析替代 as-Casts
为何 TypeScript 类型转换无法防止 API 变更，以及如何利用 Zod 模式在 Next.js 中验证获取的数据、表单、路由处理程序和服务器动作。
阅读约 5 分钟在 pnpm Turborepo 中实现 NestJS、Next.js 与 Expo（React Native）之间的代码共享
为 NestJS API、Next.js 网站以及 Expo React Native 应用搭建一个 pnpm Turborepo 单体仓库，并确定哪些类型和架构应放入共享包中。
阅读约 5 分钟Next.js中带输入控件与回调功能的经过验证的出生日期表单
构建一个小的 Next.js 客户端表单，使用 useState 跟踪输入内容，拒绝无效的出生日期，显示易于理解的错误信息，并将处理干净的数据传递给父组件。
阅读约 10 分钟Next.js 16 升级陷阱：并行路由的默认设置与用于代理的中间件
了解为何 Next.js 16 的并行路由槽需要 default.js，如何安全地将 middleware.ts 迁移至 proxy.ts，以及在确认升级完成前应进行哪些测试。
阅读约 6 分钟前端债务作为变更成本：诊断日益扩大的 React 代码库问题
学会识别那些导致大型 React、Redux、TypeScript 和 Next.js 应用修改成本极高的累积性决策，以及如何逐步偿还这些技术债务。
阅读约 18 分钟在实时 Next.js 单体仓库中，Zustand 与 TanStack Query 的边界问题
学习如何使用 Zustand、TanStack Query 和套接字，在一个协作的 Next.js 单体仓库中为 UI 状态、服务器状态和实时事件制定明确的所有权规则。
阅读约 10 分钟将 React 应用的 JWT 从 localStorage 移至 HttpOnly Cookie 中
了解为何 localStorage 中的 JWT 容易受到任何 XSS 攻击，以及如何通过带 SameSite 属性、定期轮换和 BFF 机制降低风险，还有 React 应用中仍存在的哪些隐患。
阅读约 9 分钟