headless 코어와 Angular, React, Vue, Vanilla 래퍼를 제공하는 ProseMirror 기반 리치 텍스트 에디터 툴킷입니다.
TanStack/form
TypeScript, JavaScript와 React, Vue, Angular, Solid, Lit을 지원하는 헤드리스 타입 안전 폼 상태 라이브러리입니다.
- 스타
- 6,765
- 포크
- 710
- 열린 이슈
- 220
- 마지막 커밋
- 5일 전
어떤 프로젝트인가요?
TanStack Form은 필드 값, touched 및 dirty 상태, 유효성 검사 오류, 제출 상태 등 복잡한 폼의 상태를 관리합니다. 헤드리스 방식이라 로직만 제공하고 렌더링은 전적으로 자체 UI 컴포넌트에 맡깁니다.
라이브러리의 핵심은 프레임워크에 종속되지 않으며 React, Vue, Angular, Solid, Lit용 어댑터를 제공합니다. TypeScript로 작성되었으며 폼 전체에서 타입을 추론할 수 있도록 설계되었습니다. 디바운싱을 지원하는 동기 및 비동기 유효성 검사를 제공하며, 구조화된 데이터를 위한 중첩 필드도 지원합니다.
이 프로젝트는 TanStack 생태계의 일부이며 TanStack 웹사이트에서 문서를 확인할 수 있습니다.
핵심 기능
- 01UI를 직접 구성하는 헤드리스 설계
- 02TypeScript 타입 추론을 지원하는 타입 안전 필드 및 폼 상태
- 03디바운싱을 지원하는 동기 및 비동기 유효성 검사
- 04구조화된 폼 데이터를 위한 중첩 필드
- 05React, Vue, Angular, Solid, Lit용 어댑터
활용 사례
- React 또는 Vue 앱에서 복잡한 다단계 폼이나 중첩 폼 구축
- 커스텀 컴포넌트를 사용하는 디자인 시스템에 타입이 지정된 폼 처리 기능 추가
- 사용자 이름 사용 가능 여부 확인과 같은 비동기 유효성 검사 실행
토픽
자주 묻는 질문
- form은(는) 무엇인가요?
- TypeScript, JavaScript와 React, Vue, Angular, Solid, Lit을 지원하는 헤드리스 타입 안전 폼 상태 라이브러리입니다. TanStack Form은 필드 값, touched 및 dirty 상태, 유효성 검사 오류, 제출 상태 등 복잡한 폼의 상태를 관리합니다. 헤드리스 방식이라 로직만 제공하고 렌더링은 전적으로 자체 UI 컴포넌트에 맡깁니다.
- form은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- form은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- form은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. form의 마지막 커밋은 2026년 11월 3일입니다.
- form은(는) 어디에 사용할 수 있나요?
- React 또는 Vue 앱에서 복잡한 다단계 폼이나 중첩 폼 구축 커스텀 컴포넌트를 사용하는 디자인 시스템에 타입이 지정된 폼 처리 기능 추가 사용자 이름 사용 가능 여부 확인과 같은 비동기 유효성 검사 실행
- form은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/TanStack/form
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React, Angular, Vue 및 순수 JavaScript에서 JSON으로 정의한 양식, 설문, 퀴즈, 다단계 위저드를 렌더링하는 오픈 소스 JavaScript 라이브러리입니다.
Nextcloud에서 설문과 질문지를 만들고 응답을 자체 서버에 수집하는 셀프 호스팅 양식 앱입니다.
앱 내, 웹사이트, 링크, 이메일 설문을 지원하는 오픈소스 설문 플랫폼으로, Qualtrics의 대안입니다.
설문조사, 퀴즈, 투표를 위한 오픈 소스 대화형 폼 빌더로, 호스팅형 클라우드와 셀프 호스팅을 모두 지원합니다.
앱 번역을 관리하고 문맥 내 편집, SDK, 기계 번역을 지원하는 오픈소스 웹 기반 현지화 플랫폼입니다.