Idag kollade vi på useMutation() som är en del av React Query och som på ett smidigt sätt låter oss skicka iväg data. Vi kikade även på QueryCache och invalidering av cache:ad data, och hur vi själva kan sätta vad för data som ska finnas i cache:n.
Allt detta gjorde vi i en ny app (05-products) som var (väldigt löst) baserad på 04-swpedia från i måndags (vi behöll egentligen bara utseendet och möjligheten att växla färgtema).
Vi nyttjade REST API-tjänsten CrudCrud.com som enkelt lät oss skapa vilka resurser som helst utan att behöva sätta upp en egen backend eller krångla med autentisering (självklart inget som någonsin ska användas i produktion – men för snabb prototyping var det klockrent).
Kika igenom länkarna nedan för de olika delarna vi gick igenom, och även på Leigh Halliday’s video Posting Data to Server from React – Query Updates from Mutations. Han går även igenom Optimistic Updates vilket vi bara hann nämna idag men inte gå igenom.
Länkar
Mutations
https://react-query.tanstack.com/docs/guides/mutations
Query Invalidation
https://react-query.tanstack.com/docs/guides/query-invalidation
Invalidation from Mutations
https://react-query.tanstack.com/docs/guides/invalidations-from-mutations
Updates from Mutation Responses
https://react-query.tanstack.com/docs/guides/updates-from-mutation-responses
Optimistic Updates
https://react-query.tanstack.com/docs/guides/optimistic-updates
Videos
Posting Data to Server from React – Query Updates from Mutations
Självstudier
Gå igenom det vi gjort idag och se om du hänger med – och ställ frågor imorgon om något känns oklart!