어댑터 useForm

모든 어댑터는 이미 만든 코어 폼에서 시작하거나 옵션으로 폼을 만들 수 있습니다. React, Vue, Solid는 form, useRegister, useField, useFormState, handleSubmit을 반환하며 React는 useFieldState도 제공합니다. 프레임워크마다 이벤트 이름은 다르지만 필드 옵션은 RegisterOptions를 공유합니다. 여기에는 name, 선택적인 schema, schemaOptions, type, value, checkedValue, uncheckedValue가 있습니다.

const react = useReactForm(form);
const vue = useVueForm(form);
const solid = useSolidForm(form);
const svelte = useSvelteForm(form);

Svelte는 의도적으로 액션 중심입니다. form, register 액션, useField, 읽기 가능한 저장소를 반환하는 useFormState(), handleSubmit을 제공합니다. useRegister는 노출하지 않으므로 단순한 Svelte 바인딩은 액션을 사용해야 합니다. text input, checkbox, radio, select, multiple select 동작은 사용하는 프레임워크 통합 문서에서 확인하세요.

실무 사용 팁

추상화를 만들 때는 이 레퍼런스를 가까이 두세요. 레퍼런스는 패키지가 무엇을 노출하는지 설명하고, 가이드는 그 조각들을 조합하는 한 가지 방식을 보여줍니다. 어떤 도우미가 FieldPathInput, 검증 시점, 배열 재배치를 감춘다면 그 도우미도 같은 정밀도로 문서화하세요. 그래야 나중에 문자열, 튜플, 안정적인 키 중 무엇을 기대하는지 유지보수자가 알 수 있습니다.