Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

How to use apolloJS on React ?

179 visualizaciones

Publicado el

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

Publicado en: Educación
  • Sé el primero en comentar

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 ?

×