form-react
✓React Hook Form(기본값) 및 Zod 통합이 포함된 TanStack Form을 사용하는 프로덕션 준비 React 양식 패턴입니다. React 애플리케이션에서 양식을 작성할 때 사용합니다. 보상-조기-처벌-늦은 검증 타이밍을 구현합니다.
SKILL.md
Production React form patterns. Default stack: React Hook Form + Zod.
| Criteria | React Hook Form | TanStack Form |
| Performance | ✅ Best (uncontrolled) | Good (controlled) | | Bundle size | 12KB | 15KB | | TypeScript | Good | ✅ Excellent | | Cross-framework | ❌ React only | ✅ Multi-framework | | React Native | Requires workarounds | ✅ Native support | | Built-in async validation | Manual | ✅ Built-in debouncing | | Ecosystem | ✅ Mature (4+ years) | Growing |
React Hook Form(기본값) 및 Zod 통합이 포함된 TanStack Form을 사용하는 프로덕션 준비 React 양식 패턴입니다. React 애플리케이션에서 양식을 작성할 때 사용합니다. 보상-조기-처벌-늦은 검증 타이밍을 구현합니다. 출처: bbeierle12/skill-mcp-claude.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-react- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
form-react이란?
React Hook Form(기본값) 및 Zod 통합이 포함된 TanStack Form을 사용하는 프로덕션 준비 React 양식 패턴입니다. React 애플리케이션에서 양식을 작성할 때 사용합니다. 보상-조기-처벌-늦은 검증 타이밍을 구현합니다. 출처: bbeierle12/skill-mcp-claude.
form-react 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-react 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/bbeierle12/skill-mcp-claude
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01