ProseMirrorベースのリッチテキストエディター toolkit。ヘッドレスコアとAngular、React、Vue、Vanilla向けラッパーを提供します。
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 の数値は毎日更新されます。
関連プロジェクト
React、Angular、Vue、プレーンなJavaScriptで、JSON定義のフォーム、アンケート、クイズ、複数ステップのウィザードを表示するオープンソースのJavaScriptライブラリ。
Nextcloud向けのセルフホスト型フォーム・アンケートアプリ。自分のサーバーで質問票を作成し、回答を収集できます。
アプリ内、Webサイト、リンク、メールでアンケートを実施できる、Qualtricsの代替となるオープンソースのアンケートプラットフォーム。
アンケート、クイズ、投票向けのオープンソース対話型フォーム作成ツール。ホスト型クラウドとセルフホストに対応。
アプリ翻訳を管理するオープンソースのWebベースローカライゼーションプラットフォーム。文脈内編集、SDK、機械翻訳に対応。