Download to read offline
![imagesimages(1)
priceprice
titletitle
[
]
description
GET /products
...
info
{
}](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-8-2048.jpg)
![GET /carts/:id
items [
{
product
quantity
total
}
{
}
]
subTotal](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-11-2048.jpg)
![type User {
name: String
friends: [User]
city: City
}
type City {
name: String
population: Int
citizens: [User]
}
1. Define schema
{
user(name: String): User
...
}](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-25-2048.jpg)
![3. Get it!
{
user(name: βVanya Unicornβ) {
friends {
name
}
city {
name
population
}
}
}
{
βdataβ: {
βuserβ: {
βfriendsβ: [
{ βnameβ: βLenaβ },
{ βnameβ: βStasβ }
]
βcityβ: {
βnameβ: βKyivβ,
βpopulationβ: 2928087
}
}
}
}](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-28-2048.jpg)
![only necessary data
{
βdataβ: {
βuserβ: {
βfriendsβ: [
{ βnameβ: βLenaβ },
{ βnameβ: βStasβ }
]
βcityβ: {
βnameβ: βKyivβ,
βpopulationβ: 2928087
}
}
}
}
{
user(name: βVanya Unicornβ) {
friends {
name
}
city {
name
population
}
}
}](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-29-2048.jpg)
![in one request *
{
βdataβ: {
βuserβ: {
βfriendsβ: [
{ βnameβ: βLenaβ },
{ βnameβ: βStasβ }
]
βcityβ: {
βnameβ: βKyivβ,
βpopulationβ: 2928087
}
}
}
}
{
user(name: βVanya Unicornβ) {
friends {
name
}
city {
name
population
}
}
}
HTTP POST](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-30-2048.jpg)
![subscription {
productAdded(cart: 123) {
items {
product ...
}
subTotal
}
}
{
βdataβ: {
βproductAddedβ: {
βitemsβ: [
{ βproductβ: ... },
{ βproductβ: ... },
{ βproductβ: ... },
{ βproductβ: ... }
]
βsubTotalβ: 289.33
}
}
}
://](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-70-2048.jpg)
![{
βdataβ: {
βproductAddedβ: {
βitemsβ: [
{ βproductβ: ... },
{ βproductβ: ... },
{ βproductβ: ... },
{ βproductβ: ... }
]
βsubTotalβ: 289.33
}
}
}
subscription {
productAdded(cart: 123) {
items {
product ...
}
subTotal
}
}
://](https://image.slidesharecdn.com/graphql-apisthenewwayen-171227094532/75/GraphQL-APIs-the-New-Way-71-2048.jpg)
Uploaded byEatDog
GraphQL: APIs the New Way.
1) APIs and GraphQL are discussed as alternatives to traditional database-centric approaches for building applications. 2) GraphQL provides an alternative query language and runtime that allows clients to efficiently fetch nested data from multiple sources in a single request. 3) The document discusses some advantages of GraphQL like efficient data fetching, easier development, and analytics capabilities. It also notes some challenges around caching, security, and error handling.
Engineeringβ¦
More Related Content
GraphQL: APIs the New Way.
- 1. APIs The NewWay Volodymyr Tsukur @
- 2.
- 3. Volodymyr Tsukur Lead Engineer, DevManager @ Partner @ EASYHUNT Program Committee @ JEEConf, XP Days flushdia vtsukur
- 4. Lithuania Ukraine Kyiv Dnipro Vilnius Israel Tel Aviv Beβer Sheva ~115M+ users* ~ 700 engineers ~ 1800 employees ~ 500 microservices
- 7.
- 8.
- 9.
- 10.
- 11.
- 12. GET /carts/1 GET /products/59eb838e3f GET/products/59eb88c400 GET /products/59eb838e40
- 13. - UNDER-fetching - extrarequests 02
- 14.
- 15. GET /carts/1?projection=summary GET /carts/1?projection= GET/carts/1?projection= GET /carts/1?projection=with-products
- 16. - no unified& widely adopted standard :( * - harder to collaborate :( 03
- 18. How to @deprecateand phase out outdated stuff? 04
- 20.
- 23.
- 24. β... is aquery language for APIs and a runtime for fulfilling those queries with your existing dataβ
- 25. type User { name:String friends: [User] city: City } type City { name: String population: Int citizens: [User] } 1. Define schema { user(name: String): User ... }
- 26. 2. Ask fordata user(name: String): User
- 27. 2. Ask fordata { user(name: βVanya Unicornβ) { friends { name } city { name population } } }
- 28. 3. Get it! { user(name:βVanya Unicornβ) { friends { name } city { name population } } } { βdataβ: { βuserβ: { βfriendsβ: [ { βnameβ: βLenaβ }, { βnameβ: βStasβ } ] βcityβ: { βnameβ: βKyivβ, βpopulationβ: 2928087 } } } }
- 29. only necessary data { βdataβ:{ βuserβ: { βfriendsβ: [ { βnameβ: βLenaβ }, { βnameβ: βStasβ } ] βcityβ: { βnameβ: βKyivβ, βpopulationβ: 2928087 } } } } { user(name: βVanya Unicornβ) { friends { name } city { name population } } }
- 30. in one request* { βdataβ: { βuserβ: { βfriendsβ: [ { βnameβ: βLenaβ }, { βnameβ: βStasβ } ] βcityβ: { βnameβ: βKyivβ, βpopulationβ: 2928087 } } } } { user(name: βVanya Unicornβ) { friends { name } city { name population } } } HTTP POST
- 31. let us seehow it works!
- 32. WYSIWYG efficient fetching easier todevelop analytics any data source and transport
- 34.
- 35.
- 36. let us rockand roll!
- 38.
- 39. { cart(id: 1) { items{ product { title price images(limit: 1) sku } quantity total } subTotal } } 1)
- 40. { cart(id: 1) { items{ product { title price images(limit: 1) sku } quantity total } subTotal } } 2) SELECT ... FROM Cart INNER JOIN Item ...
- 41. { cart(id: 1) { items{ product { title price images(limit: 1) sku } quantity total } subTotal } } 3) + n x product { title price images(limit: 1) sku } product { title price images(limit: 1) sku } GET /products/1 GET /products/2 GET /products/3
- 43. e x pe c t a t i o n s
- 44.
- 45. { cart(id: 1) { items{ product { title price images(limit: 1) sku } quantity total } subTotal } } + GET /products?ids=1,2,3 @Batched
- 46.
- 47.
- 48. { user(name: βVanya Unicornβ){ friends { name friends { name friends { name friends { name ... } } } } } }
- 51. limit query depth limitquery complexity
- 52.
- 53. throttling / ratelimiting set timeouts pagination
- 54.
- 55. schema { query: Query, mutation:Mutation }
- 56. type Mutation { addProductToCart(cart:ID!, product: ID!, count: Int = 1): Cart }
- 57.
- 58.
- 60. I want it!!!
- 61. but let ussee the BAD parts
- 62. caching security error handling arbitrary resources/ file uploads
- 63.
- 65.
- 66.
- 67. but it shines asan integrated solution
- 68. schema { query: Query, mutation:Mutation, subscription: Subscription }
- 69. type Subscription { productAdded(cart:ID!): Cart }
- 70. subscription { productAdded(cart: 123){ items { product ... } subTotal } } { βdataβ: { βproductAddedβ: { βitemsβ: [ { βproductβ: ... }, { βproductβ: ... }, { βproductβ: ... }, { βproductβ: ... } ] βsubTotalβ: 289.33 } } } ://
- 71. { βdataβ: { βproductAddedβ: { βitemsβ:[ { βproductβ: ... }, { βproductβ: ... }, { βproductβ: ... }, { βproductβ: ... } ] βsubTotalβ: 289.33 } } } subscription { productAdded(cart: 123) { items { product ... } subTotal } } ://
- 74.
- 76.