반응형 MobX 폼 상태 관리 — 확장 가능한 검증, 중첩 필드, 이벤트 훅, 바인딩을 모든 UI 프레임워크에 지원하며, 완전한 TypeScript 지원.

문서 • 빠른 시작 • 라이브 데모 • 데모 코드 • NPM • AI 기술 • 디스코드

MobX Formkit은 MobX 관측 가능 요소에 기반한 폼 상태 관리 라이브러리입니다. 핵심은 UI에 구애받지 않으며, mobx에만 의존하며 React, Vue 3, Lit, Angular, Solid, 또는 Bayla JS에서 MobX 바인딩을 통해 렌더링합니다. 필드를 선언적으로 정의하면 반응성, 검증, 변경 추적, 컴포넌트 바인딩을 자동으로 얻을 수 있습니다.

전체 문서를 읽거나 바로 퀵 스타트로 넘어가세요.

특징

• 8 검증 플러그인 — DVR, VJF, AJV, YUP, JOI, ZOD, VALIBOT & VINEJS: 동기화 및 비동기, 확장 가능, 혼합 가능함.
• 중첩된 필드 및 배열 — 점표기, 동적 추가/제거/이동, 순서가 정해진 ArrayMap 컬렉션, 완전한 직렬화가 포함된 깊이 중첩된 필드 구조.
• 이벤트 훅 및 핸들러 — 완전한 라이프사이클 제어: onInit, onChange, onFocus, onBlur, onSubmit, onSuccess, onError 등 다양합니다.

MobX Formkit

Reactive MobX Form State Management — extensible validation, nested fields, event hooks, and bindings for any UI framework, with full TypeScript support.

Documentation • Quick Start • Live Demo • Demo Code • NPM • AI Skills • Discord

MobX Formkit is a form state management library built on MobX observables. The core is UI-agnostic — it depends only on mobx and renders in React, Vue 3, Lit, Angular, Solid, or vanilla JS through the matching MobX binding. Define your fields declaratively and get reactivity, validation, change tracking, and component bindings automatically.

Read the full documentation or jump straight to the Quick Start.

Features

• 8 Validation Plugins — DVR, VJF, AJV, YUP, JOI, ZOD, VALIBOT & VINEJS: sync & async, extendable, and mixable on the same form.
• Nested Fields & Arrays — deeply nested field structures with dot notation, dynamic add/remove/move, ordered ArrayMap collections, and full serialization.
• Event Hooks & Handlers — full lifecycle control: onInit, onChange, onFocus, onBlur, onSubmit, onSuccess, onError & more.
• UI-Agnostic Core — the same Form instance renders in React, Vue 3, Lit, Angular, Solid, Octane, or vanilla JS with a MobX binding.
• Field Props Bindings — one-line bind() for standard inputs, plus custom rewriters & templates for Material UI, Ant Design, React Aria, Headless UI, React Widgets, React Select, Chakra UI, PrimeReact & more.