Story page
Valibot作者が開発したフォームライブラリ Formisch を使ってみる - プププなテクブ
要約
FormischはValibot作者による型安全なフォームライブラリ。スキーマ中心、ヘッドレス、軽量、フレームワーク非依存の設計と、Valibot前提の制約を紹介している。
注目ポイント
- FormischはValibotと連携し、フォーム構造と制約をスキーマで一元管理できる
- Reactなど複数フレームワークに対応し、コアはフレームワーク非依存
- ヘッドレス設計のため、任意のUIやデザインシステムと組み合わせやすい
- 変更フィールドだけを更新する細粒度リアクティビティで余分な再レンダリングを抑える
- 採用時はスキーマライブラリがValibotに限られる点がトレードオフになる
背景知識
Valibot
TypeScript向けのスキーマバリデーションライブラリ。値の型や制約を宣言し、入力検証に使う。
ヘッドレス設計
見た目のUI部品を持たず、状態管理やロジックだけを提供する設計。デザインを自由に組める。
リアクティビティ
状態の変化に応じてUIや処理を自動更新する仕組み。更新範囲が細かいほど無駄な描画を減らせる。
バンドルサイズ
Webアプリでブラウザに配信されるJavaScriptなどの容量。小さいほど読み込みや実行が軽くなりやすい。
- Source
- はてなブックマーク - 人気エントリー - テクノロジー
- Fetched
- 2026-05-09T13:21:49.495Z
- First Seen
- 2026-05-09T12:54:05.512Z
- Extraction
- ok