Beginner-friendly demo
TanStack Full Demo
One app showcasing all major TanStack libraries — data fetching, tables, virtual lists, forms, and global state.
Todos
useQuery, useMutation with optimistic updates. useForm with validation. Global search state.
react-query
react-form
store
Posts
Table with sort/filter/pagination. Virtual list rendering 100 rows efficiently.
react-query
react-table
react-virtual
Users
Sortable table. Edit dialog with TanStack Form validation and mutation.
react-query
react-table
react-form
Libraries Used
@tanstack/react-query
Data fetching, caching, mutations
@tanstack/react-table
Headless table with sort/filter/pagination
@tanstack/react-virtual
Virtual list for large datasets
@tanstack/react-form
Form state & validation
@tanstack/store
Global UI state management
@tanstack/react-router
Type-safe file-based routing