placing your order...Don't refresh or navigate away from the page.
You’ve been striking a chord at SongRiver, the popular music-streaming platform where you’ve been working for the last two weeks. Feedback for the employee directory app you’ve been building is mostly favorable, but it also suggests that the user experience (UX) could be improved if the page were more informational and visually appealing, especially at specific times. You’ll use React Query and Chakra UI tools to indicate when the app is fetching new data or refetching data, and when there’s been an error fetching data. When you’re done, your app will display loading and error indicators that are both useful and easy on the eyes.
This liveProject is for web developers with basic React and React Query experience who want to delve more deeply into React Query
error states. To begin these liveProjects you’ll need to be familiar with the following:
In this liveProject, you’ll learn to create useful and visually appealing indicators of React Query states including when the app is fetching or refetching data and when a fetching error occurs.
geekle is based on a wordle clone.