GraphQL vs Traditional Rest API [Devoxx Ukraine 2018]

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 ;)

Code:
https://github.com/vladimir-dejanovic/graphql-vs-traditional-rest-api-conftalk_demo
https://github.com/vladimir-dejanovic/graphql-spring-boot-example

Transcript

1. @devoxxua @VladimirD_42 GraphQL vs Traditional REST API Vladimir Dejanović 24 November 20184
2. Vladimir Dejanović Let’s Meet @VladimirD_42 vladimir@itshark.xyz http://itshark.xyz github.com/vladimir-dejanovic @devoxxua @VladimirD_42
3. Vladimir Dejanović Let’s Meet http://itshark.xyz @devoxxua @VladimirD_42
4. Vladimir Dejanović Let’s Meet @devoxxua @VladimirD_42
5. Vladimir Dejanović Let’s Meet and Others... @devoxxua @VladimirD_42
6. @devoxxua @VladimirD_42
7. @devoxxua @VladimirD_42 Agenda
8. @devoxxua @VladimirD_42 Agenda REST
9. @devoxxua @VladimirD_42 Agenda REST GraphQL
10. @devoxxua @VladimirD_42 Agenda REST GraphQL GraphQL vs REST
11. @devoxxua @VladimirD_42 Agenda REST GraphQL GraphQL vs REST Questions
12. @devoxxua @VladimirD_42 What is REST?
13. @devoxxua @VladimirD_42 REST http://www.ics.uci.edu/~fielding/pubs/ dissertation/rest_arch_style.htm
14. @devoxxua @VladimirD_42 REST Client-Server Architecture
15. @devoxxua @VladimirD_42 REST Statelessness Client-Server Architecture
16. @devoxxua @VladimirD_42 REST Statelessness Cacheability Client-Server Architecture
17. @devoxxua @VladimirD_42 REST Statelessness Cacheability Layered System Client-Server Architecture
18. @devoxxua @VladimirD_42 REST Statelessness Cacheability Layered System Client-Server Architecture Code on Demand (Optional)
19. @devoxxua @VladimirD_42 REST Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
20. @devoxxua @VladimirD_42 REST in real life
21. @devoxxua @VladimirD_42 REST in real life
22. @devoxxua @VladimirD_42 REST in real life
23. @devoxxua @VladimirD_42 REST in real life
24. @devoxxua @VladimirD_42 Simple Blog
25. @devoxxua @VladimirD_42 Simple Blog Author id name
26. @devoxxua @VladimirD_42 Simple Blog Author id name Post id title body authorId
27. @devoxxua @VladimirD_42 Simple Blog Author id name Post id title body authorId Comment id text postId authorId
28. @devoxxua @VladimirD_42 Simple Blog https://github.com/vladimir-dejanovic/graphql- vs-traditional-rest-api-conftalk_demo Branch: rest-0.1
29. @devoxxua @VladimirD_42 What is GraphQL?
30. @devoxxua @VladimirD_42 GraphQL GraphQL is a query language for APIs
31. @devoxxua @VladimirD_42 GraphQL is specification
32. @devoxxua @VladimirD_42 GraphQL graphql-java
33. @devoxxua @VladimirD_42 GraphQL Talking is boring Show Code
34. @devoxxua @VladimirD_42 Simple Blog GraphQL Code https://github.com/vladimir-dejanovic/graphql- vs-traditional-rest-api-conftalk_demo Branch: graphql-0.1
35. @devoxxua @VladimirD_42 GraphQL Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
36. @devoxxua @VladimirD_42 GraphQL Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
37. @devoxxua @VladimirD_42 GraphQL Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
38. @devoxxua @VladimirD_42 GraphQL Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
39. @devoxxua @VladimirD_42 GraphQL Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
40. @devoxxua @VladimirD_42 GraphQL Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
41. @devoxxua @VladimirD_42 GraphQL Statelessness Cacheability Layered System Uniform Interface Client-Server Architecture Code on Demand (Optional)
42. @devoxxua @VladimirD_42 REST Schema Optional
43. @devoxxua @VladimirD_42 REST Schema Optional Good practice, but still optional
44. @devoxxua @VladimirD_42 GraphQL Schema is MANDATORY
45. @devoxxua @VladimirD_42 GraphQL
46. @devoxxua @VladimirD_42 GraphQL
47. @devoxxua @VladimirD_42 GraphQL
48. @devoxxua @VladimirD_42 GraphQL
49. @devoxxua @VladimirD_42 GraphQL
50. @devoxxua @VladimirD_42 GraphQL
51. @devoxxua @VladimirD_42 REST
52. @devoxxua @VladimirD_42 Simple Blog GraphQL Code https://github.com/vladimir-dejanovic/graphql- vs-traditional-rest-api-conftalk_demo Branch: graphql-0.2
53. @devoxxua @VladimirD_42 GraphQL Post Comment Author
54. @devoxxua @VladimirD_42 GraphQL Post Comment Author
55. @devoxxua @VladimirD_42 GraphQL Post Comment Author
56. @devoxxua @VladimirD_42 GraphQL Post Comment Author
57. @devoxxua @VladimirD_42 GraphQL Post Comment Author
58. @devoxxua @VladimirD_42 GraphQL Post Comment Author
59. @devoxxua @VladimirD_42 Simple Blog GraphQL Code https://github.com/vladimir-dejanovic/graphql- vs-traditional-rest-api-conftalk_demo Branch: graphql-0.3
60. @devoxxua @VladimirD_42 GraphQL GraphQL is a query language for APIs
61. @devoxxua @VladimirD_42 GraphQL API
62. @devoxxua @VladimirD_42 GraphQL Powerful Query Language
63. @devoxxua @VladimirD_42 GraphQL Client call the shots
64. @devoxxua @VladimirD_42 GraphQL Post Comment Author
65. @devoxxua @VladimirD_42 GraphQL Post Comment Author
66. @devoxxua @VladimirD_42 Abuse of GraphQL query { allPosts { title comments { text createdBy { name posts { title comments { text
67. @devoxxua @VladimirD_42 Abuse of GraphQL query { allPosts { title comments { text createdBy { name posts { title comments { text
68. @devoxxua @VladimirD_42 Protect from Abuse
69. @devoxxua @VladimirD_42 Protect from Abuse Time Out
70. @devoxxua @VladimirD_42 Protect from Abuse Time Out Max Query Depth
71. @devoxxua @VladimirD_42 Protect from Abuse Time Out Max Query Depth Max Query Complexity
72. @devoxxua @VladimirD_42 Protect from Abuse Time Out Max Query Depth Max Query Complexity Throttling
73. @devoxxua @VladimirD_42 GraphQL query language for API
74. @devoxxua @VladimirD_42 GraphQL query language for API Query
75. @devoxxua @VladimirD_42 GraphQL query language for API Query Mutation
76. @devoxxua @VladimirD_42 Simple Blog GraphQL Code https://github.com/vladimir-dejanovic/graphql- vs-traditional-rest-api-conftalk_demo Branch: graphql-0.4
77. @devoxxua @VladimirD_42 GraphQL query language for API Query Mutation Subscription
78. @devoxxua @VladimirD_42 Simple Blog GraphQL Code https://github.com/vladimir-dejanovic/graphql- spring-boot-example
79. @devoxxua @VladimirD_42 GraphQL questions to ask
80. @devoxxua @VladimirD_42 GraphQL questions to ask Error Responses
81. @devoxxua @VladimirD_42 GraphQL questions to ask Error Responses Performance & Cache
82. @devoxxua @VladimirD_42 GraphQL questions to ask Error Responses Performance & Cache Authentication & Authorisation
83. @devoxxua @VladimirD_42 public class MyContext extends GraphQLContext { // our custom stuff } Authentication & Authorisation
84. @devoxxua @VladimirD_42 public class MyContext extends GraphQLContext { // our custom stuff } Authentication & Authorisation
85. @devoxxua @VladimirD_42 public class MyContext extends GraphQLContext { // our custom stuff } Authentication & Authorisation
86. @devoxxua @VladimirD_42 public class MyContext extends GraphQLContext { // our custom stuff } Authentication & Authorisation
87. @devoxxua @VladimirD_42 public class MyContext extends GraphQLContext { // our custom stuff } Authentication & Authorisation
88. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
89. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
90. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
91. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
92. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
93. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
94. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
95. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
96. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
97. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
98. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
99. @devoxxua @VladimirD_42 public class GraphQLEntryPoint extends SimpleGraphQLServlet { @Override protected GraphQLContext createContext(Optional<HttpServletRequest> rq, Optional<HttpServletResponse> rp) { MyContext myContext = …. return myContext; } ……...
100. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
101. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
102. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
103. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
104. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
105. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
106. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
107. @devoxxua @VladimirD_42 public class Query implements GraphQLQueryResolver { public List<Post> allPosts(DataFetchingEnvironment env) { MyContext myContext = env.getContext(); ………. Authentication & Authorisation
108. @devoxxua @VladimirD_42 GraphQL Vs Traditional REST API
109. @devoxxua @VladimirD_42 GraphQL vs Traditional REST API “Similar”
110. @devoxxua @VladimirD_42 GraphQL vs Traditional REST API “Similar” Tools & Knowledge
111. @devoxxua @VladimirD_42 GraphQL vs Traditional REST API “Similar” Tools & Knowledge “Old Tricks”
112. @devoxxua @VladimirD_42 GraphQL vs Traditional REST API GraphQL rich SDL
113. @devoxxua @VladimirD_42 GraphQL vs Traditional REST API GraphQL rich SDL GraphQL powerful Query Language
114. @devoxxua @VladimirD_42 Thank You
115. @devoxxua @VladimirD_42 References https://github.com/vladimir-dejanovic/graphql- vs-traditional-rest-api-conftalk_demo http://www.ics.uci.edu/~fielding/pubs/dissertat ion/rest_arch_style.htm https://github.com/vladimir-dejanovic/graphql- spring-boot-example
116. Questions @VladimirD_42 vladimir@itshark.xyz http://itshark.xyz @devoxxua @VladimirD_42