コンテンツへスキップ

TanStack Form

ヘッドレスで型安全なフォーム状態管理ライブラリです。スキーマに依存しないバリデーション、細粒度のサブスクリプション、使いやすいAPIを備え、複雑なフォームの構築を支援します。

複雑で高性能なフォームを構築するための、UIを規定しないヘッドレスの型安全なフォーム状態管理ライブラリです。

小さくツリーシェイク可能なコアエンジンと軽量なReactアダプターを中心に設計されており、予測可能な状態管理、再レンダリングの最小化、使いやすいAPIを重視しています。

スキーマに依存しないバリデーションにより、同期・非同期の両方に対応し、Zod、Yup、Valibot、カスタムバリデーターとシームレスに連携します。細かな購読機能を備え、フィールド間のルール、フォーム単位のバリデーション、フィールド単位のバリデーターを扱えます。

ネストしたフィールド、フィールド配列、制御あり・制御なしの入力に加え、追加、挿入、削除、並べ替えに役立つ強力なヘルパーを備えています。TypeScriptを強力にサポートし、フォーム値、エラー、メタデータの型安全性と型推論を一貫して実現します。

あらゆるUIコンポーネントライブラリと連携でき、SSRに適したパターンをサポートします。わかりやすいエラーメッセージと組み合わせ可能なプリミティブにより、開発者体験を重視しています。

機能

  • ヘッドレスのフォーム状態管理
  • 細かな購読機能で再レンダリングを最小化
  • スキーマに依存しないバリデーション(Zod、Yup、Valibot、カスタム)
  • 同期・非同期バリデーションに対応
  • フィールド間およびフォーム単位のバリデーター
  • ネストしたフィールドと深いフォーム構造
  • 追加・挿入・削除・並べ替え用ヘルパーを備えたフィールド配列
  • TypeScriptを優先し、強力な型推論を提供
  • 制御あり・制御なしの入力に対応
  • フィールド、フォーム、配列向けの組み合わせ可能なAPI
  • リセット、送信、ライフサイクル用フック
  • あらゆるUIコンポーネントライブラリと連携
  • 小さくツリーシェイク可能なコア
  • シームレスに使えるReactアダプター

関連項目

型安全性と効率的なデータ管理に特化した、React向けのモダンでスケーラブルなルーティングライブラリです。

GitHubスター数
8.4K
更新日
Dec 6, 2024
ライセンス
MIT License

Reactアプリケーションの状態管理に、アトミックなアプローチを採用した、高機能で軽量なソリューションです。

GitHubスター数
18.9K
更新日
Dec 6, 2024
ライセンス
MIT License

この高機能なライブラリは、アプリケーションの状態管理を効率化し、複雑なデータの扱いを簡単にします。

GitHubスター数
3.1K
更新日
Dec 6, 2024
ライセンス
MIT License

この状態管理ソリューションを使えば、アプリケーションに動的なデータをスムーズに統合し、変化にも簡単に対応できます。

GitHubスター数
27.6K
更新日
Dec 6, 2024
ライセンス
MIT License

シンプルさとパフォーマンスを重視した、Reactアプリ向けの最新の状態管理ソリューションです。

GitHubスター数
48.5K
更新日
Dec 6, 2024
ライセンス
MIT License

変更可能な状態を構造的に管理し、状態管理を簡素化する多機能ライブラリです。

GitHubスター数
7.0K
更新日
Dec 3, 2024
ライセンス
MIT License

Reduxの開発を効率化し、アプリケーションの予測可能性と保守性を高めるための包括的なツールキットです。

GitHubスター数
10.8K
更新日
Dec 6, 2024
ライセンス
MIT License

このライブラリは、プロキシベースの状態管理を簡素化します。効率的なレンダリングと簡単な状態操作で、モダンなアプリケーションの開発を支援します。

GitHubスター数
9.2K
更新日
Dec 6, 2024
ライセンス
MIT License

KickstartUIについて

KickstartUIは、優れたUIフレームワーク、ライブラリ、ビルドツールを見つけるための最適な場所です。開発者がUIのアイデアを形にできるよう、質の高いリソースを丁寧に厳選しています。レスポンシブなウェブアプリの構築、モバイルインターフェースの作成、インタラクティブなプロトタイプのデザインなど、どのような場合でも、プロジェクトを加速し、ユーザー体験を向上させるための必須ツールを提供します。幅広いコレクションをチェックして、最新のトレンドを把握し、新たな可能性を見つけ、UIデザインをさらに高めましょう。次のプロジェクトを始める準備はできましたか?注目のリソースをチェックするか、ニーズに合ったツールを検索してください。