2. Who am I ?
Jonathan Jalouzot @captainjojo42
Astronaut @ElevenLabs
Founder of GraphQL Paris @graphqlparis
Architect for project Leroy Merlin
https://depannage.leroymerlin.fr/
3. Summary
1. GraphQL history
2. Who’s using GraphQL?
3. Advantages and differences compared to a Rest API
4. How to use GraphQL?
5. What is ApolloJs?
GraphQL, ApolloJs ?
4. GraphQL
History
While the GraphQL specification was first made public by Facebook in 2015,
GraphQL has been a key component of their mobile application deployment since
2012.
GraphQL is a query language for your API, and a server-side runtime for executing
queries by using a type system you define for your data. GraphQL isn't tied to any
specific database or storage engine and is instead backed by your existing code
and data.
GraphQL doesn’t store data
6. Advantages & differences
Compared to a Rest API
Why adopting GraphQL will help you ship features faster
● Developer experience
● Automatic documentation
● Simplify front-end code
● One entry point so we avoid round trips
● Improved performance
● No need to versioning
9. What is ApolloJS?
Apollo is a family of technologies you can incrementally add to your
stack:
● Apollo Server to translate your REST API and backends into a
GraphQL schema.
● Apollo Client to connect data to your UI
● Apollo Engine for infrastructure and tooling
Definition
10. ApolloJS
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.
Apollo Client
Bind data to your UI
with the ultra-flexible,
community-driven
GraphQL client for
React, JavaScript, and
native platforms.
11. Summary
1/ Install ApolloJS
2/ Data type
3/ Resolve query
4/ Resolve mutation
5/ Dataloader
7/ Subscription
8/ Directives
Create your server
32. References:
A lot of reading
● https://www.apollographql.com/
● https://graphql.org/
● https://github.com/eleven-labs/apollo-server
● https://dev-blog.apollodata.com/2017-the-year-in-graphql-124a050d04c6
● https://medium.com/airbnb-engineering/reconciling-graphql-and-thrift-at-airbnb-
a97e8d290712
● https://twitter.com/graphqlparis
● https://blog.eleven-labs.com/fr/graphql-kesako/
● https://codelabs.eleven-labs.com/course/fr/graphql-avec-apollo/
Hinweis der Redaktion
Hi everyone, I’m happy to be with you guys today. I am Jonathan Jalouzot I work for Eleven-labs. It’s a big challenge for me to do this conference in english so you will hear a lot of ‘ze’ ‘zath’ ‘euh’ but you can be sure that my code is better than my english. So let’s get into it
I work for Eleven-labs
Find workmen
Rdv => appointment
Graphql and Apollojs
Was created
Two thousand fifteen
API
Was created
Two thousand fifteen
API
Was created
Two thousand fifteen
API
Schimas
Everything is possible
Database
Explain with a exemple
Was created
Two thousand fifteen
API
Created to use graphql
User interface
Going through => passer par