Installation | TanStack Form 简体中文

TanStack Form is compatible with various front-end frameworks, including React, Vue, Angular, Solid, Lit, and Svelte. Install the corresponding adapter for your framework using your preferred package manager:

npm

pnpm

yarn

bun

npm i @tanstack/react-form

pnpm add @tanstack/react-form

yarn add @tanstack/react-form

bun add @tanstack/react-form

Meta-frameworks

If you're using a meta-framework, TanStack Form provides additional adapters to streamline integration:

TanStack Start
Next.js
Remix

npm

pnpm

yarn

bun

npm i @tanstack/react-form-start
npm i @tanstack/react-form-nextjs
npm i @tanstack/react-form-remix

pnpm add @tanstack/react-form-start
pnpm add @tanstack/react-form-nextjs
pnpm add @tanstack/react-form-remix

yarn add @tanstack/react-form-start
yarn add @tanstack/react-form-nextjs
yarn add @tanstack/react-form-remix

bun add @tanstack/react-form-start
bun add @tanstack/react-form-nextjs
bun add @tanstack/react-form-remix

Devtools

Developer tools are available using TanStack Devtools. Install the devtools adapter for your framework as a dev dependency to debug forms and inspect their state.

npm

pnpm

yarn

bun

npm i @tanstack/react-devtools
npm i @tanstack/react-form-devtools

pnpm add @tanstack/react-devtools
pnpm add @tanstack/react-form-devtools

yarn add @tanstack/react-devtools
yarn add @tanstack/react-form-devtools

bun add @tanstack/react-devtools
bun add @tanstack/react-form-devtools

Polyfill requirements

Depending on your environment, you might need to add polyfills. If you want to support older browsers, you need to transpile the library from node_modules yourself.