Create GraphQL server with apolloJS
Download as PPTX, PDF0 likes351 views
1. The document discusses how to use GraphQL with ApolloJS and provides an overview of both technologies. It introduces the presenter and covers GraphQL history, companies using GraphQL, advantages over REST, how to use GraphQL, and what ApolloJS is and its products. 2. It then summarizes how to set up an ApolloJS server including installing ApolloServer, defining types and schemas, resolving queries and mutations, using DataLoader for performance, subscriptions, and directives. 3. The presentation concludes with references for further reading on GraphQL and ApolloJS.
Create GraphQL server with apolloJS
- 1. How to use GraphQL with ApolloJS presents
- 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
- 7. How to use GraphQL Api Gateway
- 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
- 13. Types How to ?
- 14. Types How to ?
- 15. Query How to ?
- 17. Query Resolvers
- 18. Query Resolvers
- 19. Mutation Type
- 20. Mutation Type
- 27. Directives Type
- 30. Directives User
- 31. Do you have any questions?
- 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/
Editor's Notes
- #3: 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
- #5: Was created Two thousand fifteen API
- #6: Was created Two thousand fifteen API
- #7: Was created Two thousand fifteen API
- #8: Schimas Everything is possible Database Explain with a exemple
- #9: Was created Two thousand fifteen API
- #10: Created to use graphql User interface Going through => passer par
- #12: Risolvers
- #22: Presentation dans Playground