Propulsez vos apps avec Apollo et GraphQL
![](https://media.slid.es/uploads/638176/images/4613893/vue-apollo-mod.png)
![](https://media.slid.es/uploads/638176/images/4796261/avatar_copie.jpg)
Guillaume Chau
Vue.js Core Team
![](https://media0.giphy.com/media/3orif8qr37qRdmcEYU/giphy.gif)
![](https://media.slid.es/uploads/638176/images/3734987/best-smartphones-of-20151.jpg)
Aujourd'hui les applications sont complexes
MongoDB
MySQL
Oracle
ERP
CRM
Vue
Angular
React
Micro-services
Redis
Android
iOS
Legacy custom apps
AWS
JavaScript
Java
C#
GraphQL
![](https://media.slid.es/uploads/638176/images/3730506/pasted-from-clipboard.png)
Qu'est-ce que GraphQL?
Langage de définition de Schéma
Langage de Requête
Communauté d'outils
Typage Fort
![](https://media.slid.es/uploads/638176/images/4795988/carbon_3_.png)
Typage Fort
Aide à la prévention d'erreurs
Améliore le débogage
API plus explicite (auto docs)
Requête des données
![](https://media.slid.es/uploads/638176/images/4795982/carbon_1_.png)
![](https://media.slid.es/uploads/638176/images/4795983/carbon_2_.png)
Uniquement les données requises
Réduire la taille des transferts
Pas de requêtes en cascade
Forme de la réponse prévisible
Structure claire et simple
![](https://media.slid.es/uploads/638176/images/4615102/rest-vs-graphql.png)
Faites évoluer votre API
Ajoutez de nouveaux champs
Dépréciez d'anciens champs
![](https://media.slid.es/uploads/638176/images/4615132/Capture_d_écran_du_2018-02-16_01.11.48.png)
Qui utilise GraphQL?
![](https://media.slid.es/uploads/638176/images/3730838/fb-art.png)
![](https://media.slid.es/uploads/638176/images/4614879/GitHub-Mark-Light-120px-plus.png)
![](https://media.slid.es/uploads/638176/images/4615218/pinterest.png)
![](https://media.slid.es/uploads/638176/images/4615219/shopify.png)
![](https://media.slid.es/uploads/638176/images/3405366/twitterbird_RGB.png)
Apollo
![](https://media.slid.es/uploads/638176/images/4615188/apollo.jpg)
Qu'est-ce que Apollo?
Outils serveur
Client GraphQL
Forte communauté
Apollo Server
![](https://media.slid.es/uploads/638176/images/4615180/ApolloServer_1_.png)
![](https://media.slid.es/uploads/638176/images/4795978/carbon.png)
Graphcool Yoga
![](https://media.slid.es/uploads/638176/images/4615190/graphcool-logo.png)
![](https://media.slid.es/uploads/638176/images/4796208/carbon_4_.png)
Apollo Launchpad
Apollo Engine
Apollo Engine
Monitoring with history
Performance tracing
Errors tracking
Schema inspect
Caching
Automatic persisted queries
1M requests per month free
![](https://media.slid.es/uploads/638176/images/4615194/apollo-engine-history.png)
Apollo Client
Query
Mutation
Subscription (Web socket)
.gql
Observable
query
![](https://media.slid.es/uploads/638176/images/3919283/redux-white.png)
Normalized Cache
Apollo Client
![](https://media.slid.es/uploads/638176/images/4615149/rocket_1f680.png)
![](https://media.slid.es/uploads/638176/images/4796215/carbon_5_.png)
Apollo Devtools
![](https://media.slid.es/uploads/638176/images/4615205/apollo-devtools.png)
Case studies
![](https://media.slid.es/uploads/638176/images/4615226/Symbol-New-York-Times.png)
![](https://media.slid.es/uploads/638176/images/4615237/express_coupons.jpg)
![](https://media.slid.es/uploads/638176/images/4615241/expo_logo.png)
![](https://media.slid.es/uploads/638176/images/4615243/MLS_logo__2014_.png)
![](https://media.slid.es/uploads/638176/images/4615244/2000px-KLM_logo.svg.png)
Vue + Apollo
![](https://media.slid.es/uploads/638176/images/3404520/vuejs-logo.png)
vue-apollo
![](https://media.slid.es/uploads/638176/images/4614879/GitHub-Mark-Light-120px-plus.png)
![](https://media.slid.es/uploads/638176/images/4796251/carbon_6_.png)
![](https://media.slid.es/uploads/638176/images/4796283/carbon_7_.png)
![](https://media.slid.es/uploads/638176/images/4796331/carbon_8_.png)
DEMO
![](https://media3.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif)
vue-apollo
![](https://media.slid.es/uploads/638176/images/4614879/GitHub-Mark-Light-120px-plus.png)
![](https://media.slid.es/uploads/638176/images/4796261/avatar_copie.jpg)
Guillaume Chau
![](https://media.slid.es/uploads/638176/images/3405366/twitterbird_RGB.png)
@Akryum
![](https://media.slid.es/uploads/638176/images/4614879/GitHub-Mark-Light-120px-plus.png)
github.com/Akryum
Merci !
Propulsez vos apps avec Apollo et GraphQL
Propulsez vos apps avec Apollo et GraphQL
By Guillaume Chau
Propulsez vos apps avec Apollo et GraphQL
- 6,368