Formation React Query

ReactReact 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.

550 € HT
/ personne
1 jour7 heures

  • 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
Person aiming at a goal by Ameer Basheer - Unsplash

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
Tools picture by Todd Quackenbush - Unsplash

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

ReactJS DevOps TypeScript Firebase AWS

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.