5, 10 or 20 seats+ for your team - learn more
It’s your fourth week with SongRiver, a music-streaming web platform whose success is climbing the charts. Beta testers for the employee directory app you’ve been building are singing your praises, and they have a new request: they’d like to celebrate employees with badges that spotlight their contributions. You’ll use Chakra UI to create a grid of employee badges and add badge information to the employee page. Using React Query, you’ll add functionality for sending badge data to the server, then display a “toast” (pop-up) message that communicates whether or not the badge submission was successful. When you’re done, you’ll have a people-pleasing, connection-boosting feature that adds and displays employees’ badges, and you’ll have earned a “Rock Star” badge of your own.
This liveProject is for web developers with some React and React Query experience who want to explore React Query's mutation tools. To begin these liveProjects you’ll need to be familiar with the following:
TOOLSselect
option to transform data after fetching from the serveruseMutation
hookonSuccess
callbackIn this liveProject, you’ll learn to use React tools to create an interface for adding and displaying individuals’ badges.
useMutation
geekle is based on a wordle clone.