Prickly by Nature: TanStack in the Wild
summary
A data-heavy web app called IMRS Biodiversity Explorer aggregates 1,200 species, five years of station weather, 90 named places, and a live iNaturalist feed into a single interface. It uses TanStack Start with server functions talking to a cloud SQLite, TanStack Query for caching and infinite scroll, TanStack Virtual for virtualized rows, and TanStack Pacer/Form for debouncing, throttling, rate-limiting, and validated 18‑field downloads. The app replaces conflicting printed handbooks and runs live at imrs.bio; code is on GitHub.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 2:38IMRS Biodiversity Explorer
- 3:20TanStack ecosystem
- 5:28TanStack Start and React
- 7:36Server functions and DB access
- 8:19Chelsea and observations page
- 10:26Infinite scroll and rate limiting
- 11:32Species grid and virtualization
- 12:57Image loading strategies
- 13:40Species detail and filters
- 14:45John and species index
- 15:48Gazetteer and map features
- 16:53Historical weather data
- 18:38Weather form with TanStack Form
- 20:03Future plans for TanStack DB
- 20:24TanStack Table
- 20:45TanStack Charts
- 21:27Conclusion
related talks
54mTanStack Query Revolution: Finally Good State Management
24mHow Not to Use TanStack Query
32mTanStack Start: a fresh take on React full-stack applications
44mSolving Real-World Data Fetching Challenges with Next.js and TanStack Query: Case Study
22mFrom 3000ms to 300ms: Lessons learned from optimizing Tanstack ...
45mSolving Real-World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study
21mTracking COVID 19 with Ruby
29mEfficient server state management