Formation React Query
Cette formation a pour vocation de vous familiariser avec la libraire React Query (v4 renommée en Tanstack Query). Avec celle-ci vous gagnerez du temps sur vos projets React en diminuant le temps nécessaire à l'intégration d'une nouveau endpoint API et donc à l'implémentation de vos fonctionnalités.
/ personne
- Possible en présentiel et distanciel
- React Query v3 & v4
- Mise à jour pour 2022 (Tanstack Query v4)
Présentation
React Query est une librairie qui permet à partir de deux concepts les Queries (Requêtes) et les Mutations de proposer une interface efficace afin de gérer les données serveurs utilisées au sein de vos applications frontend. D'autre part elles vous permet d'ajouter des fonctionnalités très rapidement comme les mises à jours optimistes (optimistic updates), le préchargement des données (prefetching), la déduplication des requêtes ou le rechargement automatique des données lors à intervalle régulier ou lors du refocus d'une fenêtre.
Objectifs
- Comprendre le fonctionnement de React Query, son intérêt et ses limites
- Savoir utiliser les requêtes et les mutations pour récupérer et mettre à jour les données serveurs sur le front
- Être capable d'utiliser des concepts plus avancés de React Query comme le prefetching ou les optimistic updates
Prérequis
- 6 mois d'expérience sur un projet en React et avec un mécanisme de gestion d'état
- Un ordinateur portable configuré pour le développement avec React à disposition lors de la formation
Programme
Queries
2 heures- Queries et Query Keys
- Query Configuration : initialData, staleTime vs cacheTime, focus etc
- Infinite & Paginated Queries
- Fetching vs Loading
Mutations
2 heures- Mutations & Configuration
- Callbacks
- Optimistic Updates & Rollbacks
Debugging & Testing
2 heures- Debugging avec React Query Devtools
- Testing avec Jest, React Testing Library et les mocks
Conclusion & Bonus
1 heure- Utilisation de React Query sur des grosses applications
- Fonctionnement interne & Performance
- Bonnes pratiques
En option :
- React Query & TypeScript
Nos formateurs
Gabriel Pichot
Founder @CraftValue
Gabriel accompagne start-ups et grands groupes sur leurs projets webs et digitaux. Il partage au sein de ses projets son expérience acquise sur des technologies comme ReactJS, TypeScript, AWS ou encore l'agilité.
Ses formations sont le lieu d'échanges et de retours d'expériences, clefs pour vous transmettre, à vous ou à vos équipes les savoirs nécessaires à une utilisation efficace des outils que vous utilisez. C'est son principal objectif : transmettre un savoir-faire pratique, un véritable artisanat issu d'expérience sur de multiples projets, un ensemble de bonnes pratiques qui booste l'impact que le développeur a sur son travail et sur les projets auxquels il contribue.