Stop Writing Manual Fetches! Vue, TanStack Query & Live Coding Chaos
Maya Shavin מדגימה למה fetching ידני ב-Vue עוצר אתכם — ומבצעת Live Coding של מיגרציה ל-TanStack Query, כולל הכאוס הטכני שמגיע איתה.
Welcome to Hotfix, where we put the “glam” aside and open the logs — the unfiltered, chaotic reality of engineering.
Maya Shavin, Lead Software Engineer at Salesforce, walks us through fetching and managing external data efficiently in Vue, in a talk officially titled “Pina Colada with TanStack Query”.
What we cover
The Traditional Fetching Nightmare
Why managing loading states, errors, and caching manually across components is a recipe for messy code.
Meet TanStack Query
How this tool takes the pain out of server state management by handling caching, background refetching, and state updates automatically.
Live Coding a Pokemon App
Watching Maya bravely code a query to fetch Pokémon data — and fighting the network to make it work on stage.
Meet the Mutations
How to cleanly add or update data on the server.
The Ultimate Showdown
TanStack Query vs. Pinia vs. useFetch() — when should you use which?
Spoiler: Stop trying to use TanStack to replace Pinia’s client state!
Whether you’re a Vue developer looking to clean up your codebase, or just someone who appreciates the raw reality of debugging on a stage — this one’s for you.
Host: Shahar Polak, Head of Engineering at Imagen AI.