Balastrong 教程

TanStack Form 维护者 Balastrong 创建了一系列视频教程，展示了该库最相关的特性。您将找到逐步指导，让您更深入地了解可以使用 TanStack Form 构建的内容，以及一些不错的技巧和窍门。

观看完整播放列表

1. 设置和验证

学习 TanStack Form 的基础知识的第一步，从设置库到创建带有文本字段和验证（同步、防抖和异步）的简单表单。 观看视频 (8:16)

2. 高级验证

通过后端 API 验证数据的示例，同时通过控制加载状态、错误消息和关联字段来确保流畅的用户体验。 观看视频 (8:05)

3. 数组字段

如何处理包含基本类型（字符串、数字）和对象（嵌套字段）的数组字段，以及验证和重新排序。 观看视频 (6:53)

4. 响应性

了解为什么表单值可能不会实时更新，为什么这种行为是故意的，以及如何有效地触发 UI 更新。 观看视频 (4:26)

5. 使用模式库进行表单验证

使用像 zod、yup 或 valibot 这样的模式库来定义带有验证规则的模式。通过适配器将其传递给 TanStack Form 以一次性验证所有字段。 观看视频 (6:29)

6. 副作用和监听器

类似于字段验证器，您可以将事件附加到字段监听器并对其做出反应，例如，当它依赖的另一个字段发生更改时重置一个字段。 观看视频 (5:50)

7. 用于大型表单的可组合字段

使用 Composition API，您可以创建可重用的组件，预先绑定并连接到通用表单上下文，大大减少了应用程序中所有表单实例中的重复代码。这对于具有许多字段的大型表单尤其有用。 观看视频 (11:01)