TanStack Query v4

State management is hard. TanStack Query aims to take the pain out of data fetching, caching, parallelization, and much more. Maintainer Dominik Dorfmeister will teach us all about it. 00:00:00 - Welcome 00:00:23 - Who is Dominik Dorfmeister 00:01:27 - Is TanStack Query usable on any framework? 00:04:02 - What is the purpose of TanStack Query? 00:08:17 - Can I replace Redux with TanStack Query? 00:11:38 - How do I know if state is asynchronous or synchronous? 00:17:00 - Where should I start with TanStack Query? 00:25:58 - What changes are happening in v5 of TanStack Query? 00:33:30 - Adding search capabilities to a product list 00:53:35 - Optimizing search 00:58:29 - Persisting the cache in local storage 01:01:55 - Persisting data in local storage 01:10:16 - onWindow focus 01:21:26 - Is it possible to use Query with Next.js 13? 01:23:40 - Where can people learn more about TanStack Query? Repo: https://github.com/TkDodo/lwj-react-query Links https://tkdodo.eu/blog/ https://twitter.com/TkDodo https://tanstack.com/query/v4 https://www.learnwithjason.dev/all-about-react-query https://tkdodo.eu/blog/effective-react-query-keys https://github.com/TanStack/query/discussions/4252 https://tlinz.com/discord https://tanstack.com/ https://www.learnwithjason.dev/schedule Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - Backlight (https://lwj.dev/backlight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com