So you're building a React App, but your application is starting to feel slow, buggy, and it has loading spinners everywhere! When your users run into a bug, you just tell them to refresh the page to fix it. This is a situation that many React developers can probably relate to at some point in their career.

Data fetching in react applications has always been somewhat convoluted. React has traditionally only concerned itself with the "View" layer, which left the door wide open for many interpretations of what the best way to fetch data and manage state in a React application is.

Let's take a look at what many believe to be one of the best and most essential libraries in the React ecosystem, TanStack Query (a.k.a. React Query). TanStack Query is not just a data fetching library (in fact, it isn't at all). It is, first and foremost, a powerful asynchronous state management library, with the power to organize all of our fetching logic and most of our state management with an intelligent caching layer.

In this session, we'll explore all of benefits of using a library like React Query, and how we can use it to implement easy loading states, error handling, caching, pre-fetching, prevent excessive fetching waterfalls, and a lot more. All with the goal to show our users real data faster, without the need for so many loading spinners!