tanstack-form

TanStack Form

フィールド、バリデーション、コンポジション、送信、SSR、開発ツール、フレームワークアダプターに関する、型安全なフォームのガイダンスです。

ワークフロー

1. インストール済みの TanStack パッケージと正確なバージョンを確認します。
2. 検出されたフレームワークの基礎リファレンスとアダプターリファレンスを読みます。
3. トピックリファレンスは索引です。タスクに合ったガイドまたはセクションを1つ選び、必要な場合にのみ前提条件のリンクをたどります。
4. 記憶よりも、インストール済みパッケージの型とバージョンに対応したソースのガイダンスを優先します。
5. 例をフレームワークアダプター向けに置き換える際は、ヘッドレス／コアの動作を維持します。

タスクの振り分け

• 基礎 — 概要、インストール、設計思想、TypeScript、比較。
• React アダプター — React のクイックスタート、フィールド、状態、バリデーション、送信、リアクティビティ。
• React の高度なパターン — React の高度なコンポジション、バリデーション、SSR、フォームアーキテクチャ。
• Preact アダプター — Preact のクイックスタート、フィールド、状態、バリデーション、送信、リアクティビティ。
• Preact の高度なパターン — Preact の高度なコンポジション、バリデーション、デバッグ、フォーカス、UI 統合。
• Vue アダプター — Vue 固有のセットアップと動作。
• Angular アダプター — Angular 固有のセットアップと動作。
• Solid アダプター — Solid 固有のセットアップと動作。
• Lit アダプター — Lit 固有のセットアップと動作。
• Svelte アダプター — Svelte 固有のセットアップと動作。

一般的なタスク

• React：フィールドのバリデーションと送信

フレームワークの振り分け

• Angular — @tanstack/angular-form を検出します。Angular アダプターを読みます。
• Lit — @tanstack/lit-form を検出します。Lit アダプターを読みます。
• Preact — @tanstack/preact-form を検出します。Preact アダプターを読みます。
• React — @tanstack/react-form を検出します。React アダプターを読みます。
• Solid — @tanstack/solid-form を検出します。Solid アダプターを読みます。
• Svelte — @tanstack/svelte-form を検出します。Svelte アダプターを読みます。
• Vue — @tanstack/vue-form を検出します。Vue アダプターを読みます。

製品の境界

タスクが次の製品の領域にまたがる場合は、別の製品スキルを使用してください：tanstack-start、tanstack-devtools。

ソースのステータス

TanStack/form の公式ドキュメントです。以下の検証済みリリース入力に対応しています：@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]。

上流の正確な入力と重複排除の記録については、ソースの出典情報を参照してください。