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

1. How to use
GraphQL with
ApolloJS
#Meetup GraphQL
presents

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. Animal :)

4. The project

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. 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. Let’s Go

8. Create client

9. Create client

10. Easy

11. Queries

12. Queries

13. I want more ?

14. Directives

15. Directives

16. More more more ...

17. Mutations

18. Mutations

19. Mutations

20. It’s ok ?

21. Errors

22. Headers

23. It’s finish ?

24. Local State Management

25. Local State Management

26. Local State Management

27. Local State Management

28. Local State Management

29. Local State Management

30. Really !

31. Codelabs tutos

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. Thank a lot
Fabien Pasquet Rémi Mavillaz

34. Questions ?