# Untitled

# TanStack Form 출시

TanStack Query(React Query)의 개발자 TanStack이 내놓은 새로운 양식(Form) 관리 라이브러리

**출시일:** 2024년 4월 27일

**링크:** [https://tanstack.com/form/latest](https://tanstack.com/form/latest) 

- **Framework Agnostic:** React, Vue, Angular 등 여러 프레임워크 지원

- **Isolate Re-renders:** [React Hook Form](https://www.react-hook-form.com/)과 동일하게 Uncontrolled 방식으로 리렌더링을 최소화한다.

- **[Validation](https://tanstack.com/form/latest/docs/framework/react/guides/basic-concepts#validation-adapters)****:** zod, yup, valibot 등의 유효성 검사 라이브러리를 함께 사용할 수 있도록 adaptor 제공.

- **[SSR](https://tanstack.com/form/latest/docs/framework/react/guides/ssr#using-tanstack-form-in-a-nextjs-app-router)****:** [Next.js Server Action](https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations)을 지원하여 서버 사이드에서 유효성 검사가 가능해진다.

- **[Granular reactivity](https://tanstack.com/form/latest/docs/framework/react/guides/basic-concepts#validation-adapters)****:** 세분화된 반응성을 지원하여 원하는 영역만 상태를 구독, 리렌더링을 보다 최소화할 수 있다.

- **[Linked Fields](https://tanstack.com/form/latest/docs/framework/react/guides/linked-fields#link-two-form-fields-together)****:** 유효성 검사 스키마에서 다른 필드의 값도 참조할 수 있다.

### 개인적인 의견

- 전체적으로 디자인이 React Hook Form과 비슷하나 좀 더 다듬어진 느낌이 든다. 귀찮고, 거슬리고, 불편한 부분들이 개선되었다.

- TanStack이라는 스타 개발자가 주도하는 라이브러리인 만큼 출시된지 몇개월되지 않았는데도 3.5k의 스타를 받았다.

- 인터페이스 만큼은 확실히 괜찮아보인다. 써보고 싶다는 생각이 든다. 실제로 사용했을 때 버그의 유무 등이 결국은 모든 것을 결정해줄 것이다. React Hook Form도 막상 썼을 때 중첩된 배열을 다룰 때의 치명적인 문제들이 몇가지 있어서 곤혹을 치른 적이 있다.

[TanStack Form](https://tanstack.com/form/latest)

For the site tree, see the [root Markdown](https://slashpage.com/snax.md).