Community코딩 & 개발github.com

mantinedev/mantine-form

Mantine-9 저장소에서 @mantine/form을 사용하여 폼을 구축합니다. 이 스킬은 useForm 설정, 유효성 검사 규칙 추가, 중첩 객체/배열 필드 작업, createFormContext를 통한 폼 상태 공유, 비제어 모드 사용, useField 훅 사용, 또는 useForm, getInputProps, onSubmit, insertListItem, 폼 유효성 검사 관련 작업에 사용합니다.

mantine-form란 무엇인가요?

이 스킬은 Mantine-9 저장소 내에서 @mantine/form 라이브러리를 사용하여 폼을 구축하고 관리하는 데 특화되어 있습니다. useForm 훅을 사용한 폼 설정, 동기/비동기 유효성 검사 규칙 추가, 중첩 객체 및 배열 필드 처리, createFormContext를 통한 컴포넌트 간 폼 상태 공유, 성능 최적화를 위한 비제어 모드 사용, 그리고 독립적인 useField 훅 사용 등 다양한 폼 관련 작업을 지원합니다. 특히 getInputProps, onSubmit, insertListItem과 같은 핵심 API를 활용한 복잡한 폼 로직 구현에 유용하며, 제출 시 유효성 검사 및 오류 처리 기능을 제공합니다. 이 스킬은 Mantine UI 라이브러리와 함께 사용되며, 주로 React 기반 프로젝트에서 폼 개발을 간소화하고 일관성 있는 패턴을 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-form

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

mantine-form은(는) 무엇을 하나요?

Mantine-9 저장소에서 @mantine/form을 사용하여 폼을 구축합니다. 이 스킬은 다음과 같은 경우에 사용합니다: (1) useForm으로 폼을 설정할 때, (2) 유효성 검사 규칙이나 비동기 유효성 검사를 추가할 때, (3) 중첩 객체나 배열 필드를 작업할 때, (4) createFormContext로 컴포넌트 간 폼 상태를 공유할 때, (5) 성능을 위해 비제어 모드를 사용할 때, (6) 독립형 useField 훅을 사용할 때, 또는 (7) useForm, getInputProps, onSubmit, insertListItem, 폼 유효성 검사와 관련된 모든 작업을 할 때 사용합니다.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

관련 스킬