AiOffice 能力组合,开箱即用,为您的工作流提速
目的:通过验证来自外部源的所有数据来确保运行时类型安全。 TypeScript 类型仅在编译时存在,并在运行时被删除。
三大类:
使用 @theme 指令和 CSS 变量定义自定义设计标记。 Tailwind v4 使用现代颜色格式 (oklch) 和基于命名空间的实用程序生成。
教授何时以及如何使用 React 19 的新 use() API:读取 Promises(挂起组件)和 Context(有条件地在 if 语句、循环内、提前返回后)。
这可以编译,但如果 API 返回 { username: string } 而不是 { name: string } ,您的代码将在运行时崩溃。
在以下情况下使用 useReducer:
对于必须以原子方式成功或失败的操作,请使用 $transaction 回调 API。交互式事务提供错误自动回滚并允许复杂的多步骤逻辑。
关键概念:
容器查询使组件能够响应其父容器的大小而不是视口。这创造了真正的便携式、可重复使用的组件,可以在任何地方工作。
要了解缓存如何与服务器组件及其渲染生命周期交互,请使用react-19插件中的REACT-COMPONENTS-server-components技能。
服务器操作:
在 Zod v4 中编写转换的综合指南,涵盖内置字符串方法、自定义转换、编解码器和转换管道。
useFormStatus 提供有关父表单提交的状态信息。
React 19 中的新功能:
通过身份验证、授权和验证来保护服务器操作。
Next.js 16 在中间件中存在严重的身份验证绕过漏洞。中间件 NextResponse.redirect() 和 NextResponse.rewrite() 不会终止执行,从而允许对受保护资源进行未经授权的访问。
目的:通过正确验证和清理所有用户输入来防止安全漏洞,防止 XSS、SQL 注入、命令注入和其他攻击媒介。
目的:对 TypeScript 代码进行全面的类型安全审查,检测损害编译时安全性和运行时可靠性的违规行为。
有关综合状态模式,请参阅:react/react-19-compressive.md。
对于运行时验证模式和类型安全,请使用 typescript 插件中的 using-runtime-checks 技能。