Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
How to use
GraphQL with
ApolloJS
presents
Who am I ?
Jonathan Jalouzot @captainjojo42
Astronaut @ElevenLabs
Founder of GraphQL Paris @graphqlparis
Architect for pro...
Summary
1. GraphQL history
2. Who’s using GraphQL?
3. Advantages and differences compared to a Rest API
4. How to use Grap...
GraphQL
History
While the GraphQL specification was first made public by Facebook in 2015,
GraphQL has been a key componen...
Who’s using GraphQL?
Advantages & differences
Compared to a Rest API
Why adopting GraphQL will help you ship features faster
● Developer experi...
How to use GraphQL
Api Gateway
What is ApolloJS?
Apollo is a family of technologies you can incrementally add to your
stack:
● Apollo Server to translate...
ApolloJS
Products
Apollo Engine
The GraphQL gateway
that provides essential
features including
caching, performance
tracin...
Summary
1/ Install ApolloJS
2/ Data type
3/ Resolve query
4/ Resolve mutation
5/ Dataloader
7/ Subscription
8/ Directives
...
Install server
ApolloServer
Types
How to ?
Types
How to ?
Query
How to ?
Schemas
Playground
Query
Resolvers
Query
Resolvers
Mutation
Type
Mutation
Type
Mutation
Resolvers
Dataloader
Performance
Dataloader
Performance
Subscription
Install
Subscription
Type
Subscription
Resolvers
Directives
Type
Directives
Server
Directives
Resolver
Directives
User
Do you have any questions?
References:
A lot of reading
● https://www.apollographql.com/
● https://graphql.org/
● https://github.com/eleven-labs/apol...
Create GraphQL server with apolloJS
Upcoming SlideShare
Loading in …5
×

Create GraphQL server with apolloJS

63 views

Published on

Create server GraphQL with apolloJS

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Create GraphQL server with apolloJS

  1. 1. How to use GraphQL with ApolloJS presents
  2. 2. Who am I ? Jonathan Jalouzot @captainjojo42 Astronaut @ElevenLabs Founder of GraphQL Paris @graphqlparis Architect for project Leroy Merlin https://depannage.leroymerlin.fr/
  3. 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. 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
  5. 5. Who’s using GraphQL?
  6. 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
  7. 7. How to use GraphQL Api Gateway
  8. 8. 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
  9. 9. 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.
  10. 10. Summary 1/ Install ApolloJS 2/ Data type 3/ Resolve query 4/ Resolve mutation 5/ Dataloader 7/ Subscription 8/ Directives Create your server
  11. 11. Install server ApolloServer
  12. 12. Types How to ?
  13. 13. Types How to ?
  14. 14. Query How to ?
  15. 15. Schemas Playground
  16. 16. Query Resolvers
  17. 17. Query Resolvers
  18. 18. Mutation Type
  19. 19. Mutation Type
  20. 20. Mutation Resolvers
  21. 21. Dataloader Performance
  22. 22. Dataloader Performance
  23. 23. Subscription Install
  24. 24. Subscription Type
  25. 25. Subscription Resolvers
  26. 26. Directives Type
  27. 27. Directives Server
  28. 28. Directives Resolver
  29. 29. Directives User
  30. 30. Do you have any questions?
  31. 31. 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/

×