Repolode
TanStack

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 통계는 매일 갱신됩니다.

관련 프로젝트