Balastrong 的教程

TanStack Form 的维护者 Balastrong 创建了一系列视频教程，展示了该库 most relevant 的功能。您将找到分步指南，让您更深入地了解使用 TanStack Form 可以构建的内容，还有一些不错的技巧和窍门。

观看完整播放列表

1. 设置与验证

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

2. 高级验证

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

3. 数组字段

如何处理带有原始类型（字符串、数字）和对象（嵌套字段）的数组字段，并进行验证和重新排序。 观看视频 (6:53)

4. 响应式

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

5. 使用 schema 库进行表单验证

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

6. 副作用与监听器

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

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

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