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. 大型表單的可組合欄位

透過組合式 API，您可以建立可重複使用的元件，預先綁定並連接到通用表單上下文，大幅減少應用程式中所有表單實例的重複程式碼。這對於包含大量欄位的大型表單特別有用。觀看影片 (11:01)