Introduction à GraphQL

JS-Star meetup Paris
http://www.meetup.com/fr-FR/Js-Star/events/229601871/

Transcript

1. Introduction à GraphQL @fdecampredon JS Star Paris - 7/04/2016
2. Petite histoire de la communication client server
3. 2005: AJAX est né
4. Au début c’était le chaos
5. Des milliers de possibilités • Web Services - SOAP • Remote Object • JSON-RPC • Etc…
6. Et puis un winner : REST
7. Pourquoi REST ? • Stateless • Cacheable • « Standard » • « Facile »
8. REST est parfait
9. Vraiment ?
10. Multiplication des devices 
 = 
 Multiplication des end points
11. Sur mobile, les vieux clients force à versioner les API
12. Et plus encore • Complexité à fetcher des objets complexes sans effectuer de multiples requêtes • Pas de type et impossibilité d’introspection • Etc…
13. Et le cauchemar commence
14. Nouveaux problèmes = Nouvelle solution
15. GraphQL
16. GraphQL • Un language de Requête de données 
 (et pas de base données) • On « décrit » nos types de données sous forme d’un Graphe • On définit nos Requêtes sur le client
17. Comment Utiliser GraphQL
18. Définition des types sur le serveur
19. Un type system riche • Des Scalar : Boolean, String, Int, Float, etc.. • Des « Object Types» • Des interfaces, enum, List, non-null type etc…
20. On crée ses requêtes sur le client
21. On récupère uniquement les données nécessaires
22. Quels sont les avantages ? • Hiérarchique • Centré sur le Produit • Requêtes spécifiées sur le client • Plus de problèmes de backward compatibility • Type System • Introspection
23. GraphQL sur le client
24. Relay
25. Relay • Créer pour GraphQL • Permet à chaque composant de définir les données dont il a besoin • Au coeur de la plupart des applications Facebook
26. Chaque composant définit les données dont il a besoin
27. On compose les requêtes comme on compose les composants
28. GraphQL sans Relay
29. On définit simplement ses requêtes dans ses « services »
30. Conclusion • REST pose de gros problèmes • GraphQL est une nouvelle technologie permettant de remplacer REST • A utiliser avec ou sans Relay
31. François de Campredon @fdecampredon https://github.com/fdecampredon/ Questions ? Relay: https://facebook.github.io/relay/ Graphql: http://graphql.org/