Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
How to use
GraphQL with
ApolloJS
#Meetup GraphQL
presents
Who am I ?
Jonathan Jalouzot, Aka CaptainJojo
Project Manager @ElevenLabs
Architect, Scrum Master and developer for
https:...
Animal :)
The project
What is ApolloJS?
Apollo is a family of technologies you can incrementally add to
your stack:
● Apollo Client to connect d...
ApolloJS
Apollo Client
Bind data to your UI
with the ultra-flexible,
community-driven
GraphQL client for
React, JavaScript...
Let’s Go
Create client
Create client
Easy
Queries
Queries
I want more ?
Directives
Directives
More more more ...
Mutations
Mutations
Mutations
It’s ok ?
Errors
Headers
It’s finish ?
Local State Management
Local State Management
Local State Management
Local State Management
Local State Management
Local State Management
Really !
Codelabs tutos
References:A lot of reading
● https://graphql.org/
● https://medium.com/airbnb-engineering/reconciling-graphql-and-thrift-...
Thank a lot
Fabien Pasquet Rémi Mavillaz
Questions ?
Prochain SlideShare
Chargement dans…5
×

How to use apolloJS on React ?

177 vues

Publié le

Use apolloJs on React project. Explain how use query, mutations and directive with apolloJS. They are part for use local cache management with apollojs.

Publié dans : Formation
  • Soyez le premier à commenter

How to use apolloJS on React ?

  1. 1. How to use GraphQL with ApolloJS #Meetup GraphQL presents
  2. 2. Who am I ? Jonathan Jalouzot, Aka CaptainJojo Project Manager @ElevenLabs Architect, Scrum Master and developer for https://depannage.leroymerlin.fr/ On Github => https://github.com/captainjojo On Twitter => https://twitter.com/CaptainJojo42
  3. 3. Animal :)
  4. 4. The project
  5. 5. What is ApolloJS? Apollo is a family of technologies you can incrementally add to your stack: ● Apollo Client to connect data to your UI ● Apollo Engine for infrastructure and tooling ● Apollo Server to translate your REST API and backends into a GraphQL schema. Definition
  6. 6. ApolloJS Apollo Client Bind data to your UI with the ultra-flexible, community-driven GraphQL client for React, JavaScript, and native platforms. Products Apollo Engine The GraphQL gateway that provides essential features including caching, performance tracing, and error tracking. Apollo Server Translate your existing REST APIs and backends into GraphQL with this powerful set of tools for building GraphQL APIs.
  7. 7. Let’s Go
  8. 8. Create client
  9. 9. Create client
  10. 10. Easy
  11. 11. Queries
  12. 12. Queries
  13. 13. I want more ?
  14. 14. Directives
  15. 15. Directives
  16. 16. More more more ...
  17. 17. Mutations
  18. 18. Mutations
  19. 19. Mutations
  20. 20. It’s ok ?
  21. 21. Errors
  22. 22. Headers
  23. 23. It’s finish ?
  24. 24. Local State Management
  25. 25. Local State Management
  26. 26. Local State Management
  27. 27. Local State Management
  28. 28. Local State Management
  29. 29. Local State Management
  30. 30. Really !
  31. 31. Codelabs tutos
  32. 32. References:A lot of reading ● https://graphql.org/ ● https://medium.com/airbnb-engineering/reconciling-graphql-and-thrift-at-airbnb- a97e8d290712 ● https://github.com/duck-invaders/graphql-symfony ● https://github.com/overblog/GraphQLBundle ● https://codelabs.eleven-labs.com/course/fr/graphql-avec-symfony/ ● https://twitter.com/graphqlparis ● https://github.com/KizeRemi/Apollo-GraphQL-Talk
  33. 33. Thank a lot Fabien Pasquet Rémi Mavillaz
  34. 34. Questions ?

×