GraphQL

Transcript

2. Why is so hyped?
3. Expectation GraphQL in popular languages - 2 years Startups - 1 years Tech giants - 4 years Personal projects - 2~6 mouths
4. Reality GraphQL in popular languages - 4 ~ 6 mouths Startups - 6 ~ 12 mouths Tech giants - 2 years Personal projects - 1 ~ 2 mouths
5. Who is using?
6. http://graphql.org/users/
7. Principles
8. GraphQL is a query language GraphQL is not a programming language
9. Hierarchical #1
10. Product‐centric #2
11. Strong-typing #3
12. Client‐specified queries #4
13. Introspective #5
15. Server
16. http://graphql.org/code/ + 12 languages
17. Client Request Schema validation Fields Type Query Layer GraphQL Resolvers + magic
18. Schema
19. Types
20. Simple type with primitive types
21. Types ::StatsEvidenceType = GraphQL ::ObjectType.define do name 'Stats Evidence' field :status, types.String field :attribute, types.String field :actual, types.Float field :previous, types.Float end
22. Type with nested types
23. Types ::ChampionType = GraphQL ::ObjectType.define do name “Champion" field :id, !types.ID field :version, types.String field :api_id, types.String … field :stats, -> { Types ::StatsType } field :image, -> { Types ::ImageType } field :skins, -> { Types ::SkinType.to_list_type } field :change, Types ::ChangeType do resolve -> (champion, _, _) { Resolvers ::ChangesResolver.(champion: champion) } end end
24. Query / Mutation
25. QueryType
26. Types ::QueryType = GraphQL ::ObjectType.define do name "Query" field :champion do description "Query to find a champion by your id and version number" type Types ::ChampionType argument :name, !types.String argument :version, !types.String resolve ->(_, args, _) { Champion.find_by(name: args[:name].titlecase, version: args[:version]) } end end
27. MutationType
28. MutationType = GraphQL ::ObjectType.define do name "Mutation" field :addPost, PostType do description "Adds a Post." argument :post, PostInputType resolve -> (_, args, _) { Post.create!(args[:post]) } end end
30. Client
31. http://graphql.org/code/ + 10 languages
32. Relay - GraphQL Request - Lokka - Nanogql
35. How client works?
36. Write the query Send the request as application/json or application/graphql Wait the response and be happy
37. Simple query with an argument
38. { user(id: ”uuid1…”) { name } }
39. { “data”: { “user”: { “name”: “Elliot” } } }
40. Query with relations
41. { me { id firstName lastName birthday { month day } friends { name } } }
42. { “data”: { “me”: { “firstName”: “Elliot”, “lastName”: “Alderson”, … “friends”: [ { “name”: “Mr. Robot” }, { “name”: “Tyrell” } ] } } }
43. Mutation
44. // Mutation mutation CreateReviewForEpisode($ep: “JEDI”, $review: ReviewInput!) { createReview(episode: $ep, review: $review) { stars commentary } } // Variables { "ep": "JEDI", "review": { "stars": 5, "commentary": "This is a great movie!" } }
45. { “data”: { “createReview”: { “stars”: 5, “commentary”: "This is a great movie!” } } }
46. Vamos a hablar