What does GraphQL and Traditional REST API have in common? Shouldn't the GraphQL be connected to some graphs or similar? What is actually GraphQL all about? Join me in this talk, while I try to answer all this questions and much more. In this talk I will explain what GraphQL is, what are differences and similarities compared to more traditional REST API and show you this on working examples, since code worth more then words only ;)

1. #DevoxxFR
GraphQL
vs
Traditional REST API
Vladimir Dejanović
@VladimirD_42
vladimir@itshark.xyz

2. #DevoxxFR
Let’s Meet
2
Vladimir Dejanović

3. #DevoxxFR
Let’s Meet
3
Vladimir Dejanović

4. #DevoxxFR
Let’s Meet
4
Vladimir Dejanović

5. #DevoxxFR
Let’s Meet
We try to keep the Devx France logo and the
Tweet hashtag on all slides
5
Vladimir Dejanović
and Others...

6. #DevoxxFR
Agenda

7. #DevoxxFR
Agenda
REST

8. #DevoxxFR
Agenda
REST
GraphQL

9. #DevoxxFR
Agenda
REST
GraphQL
GraphQL vs Traditional REST

10. #DevoxxFR
Agenda
REST
GraphQL
GraphQL vs Traditional REST
Questions

11. #DevoxxFR
What is REST?

12. #DevoxxFR
REST
http://www.ics.uci.edu/~fielding/
pubs/dissertation/
rest_arch_style.htm

13. #DevoxxFR
REST
Client-Server Architecture

14. #DevoxxFR
REST
Client-Server Architecture
Statelessness

15. #DevoxxFR
REST
Client-Server Architecture
Statelessness
Cacheability

16. #DevoxxFR
REST
Client-Server Architecture
Statelessness
Cacheability
Layered System

17. #DevoxxFR
REST
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)

18. #DevoxxFR
REST
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

19. #DevoxxFR
REST in real life

20. #DevoxxFR
REST in real life

21. #DevoxxFR
REST in real life

22. #DevoxxFR
REST in real life

23. #DevoxxFR
Simple Blog

24. #DevoxxFR
Simple Blog
Author
id
name

25. #DevoxxFR
Simple Blog
Author
id
name
Post
id
title
body
authorId

26. #DevoxxFR
Simple Blog
Author
id
name
Post
id
title
body
authorId
Comment
id
text
postId
authorId

27. #DevoxxFR
https://github.com/vladimir-dejanovic/graphql
-vs-traditional-rest-api-conftalk_demo
Tag: rest-0.1
Simple Blog REST Code

28. #DevoxxFR
What is GraphQL?

29. #DevoxxFR
GraphQL
GraphQL is a query
language for APIs

30. #DevoxxFR
GraphQL
Is
Specification

31. #DevoxxFR
GraphQL
3
1
graphql-java

32. #DevoxxFR
Talking is Boring
Show Code

33. #DevoxxFR
https://github.com/vladimir-dejanovic/graphql
-vs-traditional-rest-api-conftalk_demo
Tag: graphql-0.1
Simple Blog GraphQL Code

34. #DevoxxFR
GraphQL
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

35. #DevoxxFR
GraphQL
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

36. #DevoxxFR
GraphQL
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

37. #DevoxxFR
GraphQL
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

38. #DevoxxFR
GraphQL
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

39. #DevoxxFR
GraphQL
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

40. #DevoxxFR
GraphQL
Client-Server Architecture
Statelessness
Cacheability
Layered System
Code on Demand (Optional)
Uniform Interface

41. #DevoxxFR
REST
Schema optional

42. #DevoxxFR
REST
Schema optional
Good practice, but still optional

43. #DevoxxFR
GraphQL
Schema is mandatory

44. #DevoxxFR
GraphQL

45. #DevoxxFR
GraphQL

46. #DevoxxFR
GraphQL

47. #DevoxxFR
GraphQL

48. #DevoxxFR
GraphQL

49. #DevoxxFR
GraphQL

50. #DevoxxFR
REST

51. #DevoxxFR
https://github.com/vladimir-dejanovic/graphql
-vs-traditional-rest-api-conftalk_demo
Tag: graphql-0.2
Simple Blog GraphQL Code

52. #DevoxxFR
GraphQL
Post
Comment
Author

53. #DevoxxFR
GraphQL
Post
Comment
Author

54. #DevoxxFR
GraphQL
Post
Comment
Author

55. #DevoxxFR
GraphQL
Post
Comment
Author

56. #DevoxxFR
GraphQL
Post
Comment
Author

57. #DevoxxFR
GraphQL
Post
Comment
Author

58. #DevoxxFR
https://github.com/vladimir-dejanovic/graphql
-vs-traditional-rest-api-conftalk_demo
Tag: graphql-0.3
Simple Blog GraphQL Code

59. #DevoxxFR
GraphQL
GraphQL is a query
language for APIs

60. #DevoxxFR
GraphQL
API

61. #DevoxxFR
GraphQL
Powerful Query Language

62. #DevoxxFR
GraphQL
Client call the shots

63. #DevoxxFR
GraphQL
Post
Comment
Author

64. #DevoxxFR
GraphQL
Post
Comment
Author

65. #DevoxxFR
Abuse of GraphQL
query {
allPosts {
title
comments {
text
createdBy {
name
posts {
title
comments {
text
...

66. #DevoxxFR
Abuse of GraphQL
query {
allPosts {
title
comments {
text
createdBy {
name
posts {
title
comments {
text
...

67. #DevoxxFR
Protect from Abuse

68. #DevoxxFR
Protect from Abuse
Time Out

69. #DevoxxFR
Protect from Abuse
Time Out
Max Query Depth

70. #DevoxxFR
Protect from Abuse
Time Out
Max Query Depth
Max Query Complexity

71. #DevoxxFR
Protect from Abuse
Time Out
Max Query Depth
Max Query Complexity
Throttling

72. #DevoxxFR
GraphQL query lang for API

73. #DevoxxFR
GraphQL query lang for API
Query

74. #DevoxxFR
GraphQL query lang for API
Query
Mutation

75. #DevoxxFR
https://github.com/vladimir-dejanovic/graphql
-vs-traditional-rest-api-conftalk_demo
Tag: graphql-0.4
Simple Blog GraphQL Code

76. #DevoxxFR
GraphQL query lang for API
Query
Mutation
Subscription

77. #DevoxxFR
GraphQL questions to ask

78. #DevoxxFR
GraphQL questions to ask
Error Responses

79. #DevoxxFR
GraphQL questions to ask
Error Responses
Performance & Cache

80. #DevoxxFR
GraphQL questions to ask
Error Responses
Authentication & Authorisation
Performance & Cache

81. #DevoxxFR
GraphQL
vs
Traditional REST API

82. #DevoxxFR
GraphQL VS Traditional REST
Similar, but different

83. #DevoxxFR
GraphQL VS Traditional REST
Similar, but different
Tools & Knowledge

84. #DevoxxFR
GraphQL VS Traditional REST
Similar, but different
Tools & Knowledge
“Old tricks” can be used

85. #DevoxxFR
GraphQL VS Traditional REST
GraphQL rich SDL

86. #DevoxxFR
GraphQL VS Traditional REST
GraphQL rich SDL
GraphQL powerful Query Lang

87. #DevoxxFR
Merci
Thank You

88. #DevoxxFR
Questions
@VladimirD_42
vladimir@itshark.xyz