Back to videos

Comment consommer une api GraphQL en React Native avec Apollo client

Comment consommer une API GraphQL en React Native TypeScript avec Apollo client ?

Dans cette vidéo nous allons découvrir ce qu'est GraphQL et ce qui le différencie d'une API Rest. Puis on verra comment s'en servir en React Native via Apollo client et Codegen pour se simplifier la vie.

Vous apprendrez à :

  • écrire des queries

  • écrire des fragments

  • écrire des mutations

  • générer automatiquement des hooks via codegen

Les liens utiles :

Le code source de démarrage (starter pack)

https://github.com/wass08/react-native-07-graphql-apollo-starter

Le code source final

https://github.com/wass08/react-native-07-graphql-apollo-final

La documentation d'Apollo Client

https://www.apollographql.com/docs/react/integrations/react-native/

La documentation de Codegen

https://www.graphql-code-generator.com/

Le PlayGround GraphQL de l'API

https://wawa-graphql-example.herokuapp.com/graphql

Need help with this tutorial? Join our Discord community!