Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

How to use apolloJS on React ?

182 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

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 ?

×