Repolode
TanStack

TanStack/form

TypeScript、JavaScript、React、Vue、Angular、Solid、Lit向けのヘッドレスで型安全なフォーム状態管理ライブラリ。

スター
6,767
フォーク
711
未解決の Issue
220
最終コミット
5 日前

これは何?

TanStack Formは、フィールド値、touchedやdirtyの状態、バリデーションエラー、送信処理など、複雑なフォームの状態を管理します。ヘッドレス設計のため、ロジックのみを提供し、UIの描画はすべて独自のコンポーネントに任せられます。

コア部分はフレームワークに依存せず、React、Vue、Angular、Solid、Lit向けのアダプターを提供しています。TypeScriptで実装されており、フォームの型を最初から最後まで推論できることを目指しています。バリデーションは同期・非同期の両方に対応し、デバウンスも利用できます。また、構造化データ向けのネストしたフィールドもサポートしています。

このプロジェクトはTanStackエコシステムの一部で、TanStackのWebサイトでドキュメントが公開されています。

主な機能

  • 01ヘッドレス設計で、UIは独自に用意可能
  • 02TypeScriptの型推論に対応した、型安全なフィールドとフォームの状態管理
  • 03デバウンスに対応した同期・非同期バリデーション
  • 04構造化されたフォームデータ向けのネストしたフィールド
  • 05React、Vue、Angular、Solid、Lit向けのアダプター

ユースケース

  • ReactやVueのアプリで、複雑なマルチステップフォームやネストしたフォームを構築する
  • 独自コンポーネントを使うデザインシステムに、型安全なフォーム処理を追加する
  • ユーザー名の使用可否確認など、非同期バリデーションを実行する

トピック

よくある質問

form とは?
TypeScript、JavaScript、React、Vue、Angular、Solid、Lit向けのヘッドレスで型安全なフォーム状態管理ライブラリ。 TanStack Formは、フィールド値、touchedやdirtyの状態、バリデーションエラー、送信処理など、複雑なフォームの状態を管理します。ヘッドレス設計のため、ロジックのみを提供し、UIの描画はすべて独自のコンポーネントに任せられます。
form は無料で使えますか?ライセンスは?
form は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
form は今もメンテナンスされていますか?
活発にメンテナンス中。form の最終コミットは 2026年11月3日 です。
form は何に使えますか?
ReactやVueのアプリで、複雑なマルチステップフォームやネストしたフォームを構築する 独自コンポーネントを使うデザインシステムに、型安全なフォーム処理を追加する ユーザー名の使用可否確認など、非同期バリデーションを実行する
form はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/TanStack/form

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト