Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Introducción a graphQL
¿Por qué es tan popular?
alevsk @
¿Qué es GraphQL?
● Query language creado por Facebook en 2012
● Es una interfaz entre el cliente y el servidor para pedir ...
Principal diferencia con REST
GET
POST
PUT
DELETE
...
REST es bueno :)
Ejemplo: GET /users/1/friends
Ventajas:
● Muy descriptivo, estamos solicitando los amigos del usuario con...
Pero tiene limitaciones :(
Estoy seguro que han visto algo asi:
GET /users/1/friends/1/dogs/1?include=user.name,dog.age
De...
GraphQL al rescate :)
Con graphQL incluso puedes hacer esto :)
movies {
id
actors {
name
movies {
id
actors {
name
movies {
....
}
}
}
}
Schemas (Describir los datos que regresaremos)
● Describir nuestros modelos
● Relaciones entre los modelos
● Exponer sus c...
Queries y Mutations
Queries = Leer datos del servidor (por lo general extraidos de una db)
Mutations = Crear / modificar /...
Ejemplo: Película, actores y comentarios
movieQL.js
movieQL.js
actorQL.js
commentQL.js
Query
Mutations
graphQL Schema
Poniendo todo junto
Y jugando con graphiQL
Dudas preguntas y
mentadas
Demo: https://github.com/Alevsk/graphql-demo-server
@Alevsk
https://www.alevsk.com
https://gith...
Gracias
We are hiring! https://freeagent.network/jobs
Upcoming SlideShare
Loading in …5
×

Introducción a GraphQL

1,489 views

Published on

Los asistentes aprenderán a desarrollar un servicio web basado en graphQL, haciendo uso de queries y mutations crearán una poderosa y flexible API con la cual otras plataformas como aplicaciones móviles pueden interactuar solicitando solo información especifica que ellos necesitan.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Introducción a GraphQL

  1. 1. Introducción a graphQL ¿Por qué es tan popular? alevsk @
  2. 2. ¿Qué es GraphQL? ● Query language creado por Facebook en 2012 ● Es una interfaz entre el cliente y el servidor para pedir y manipular datos ● El cliente define la respuesta que quiere obtener del servidor
  3. 3. Principal diferencia con REST GET POST PUT DELETE ...
  4. 4. REST es bueno :) Ejemplo: GET /users/1/friends Ventajas: ● Muy descriptivo, estamos solicitando los amigos del usuario con id = 1 ● URL path único para un recurso en particular ● Cacheable
  5. 5. Pero tiene limitaciones :( Estoy seguro que han visto algo asi: GET /users/1/friends/1/dogs/1?include=user.name,dog.age Desventajas: ● Complicado de incluir datos en la respuesta ● Complicado de excluir datos de la respuesta ● Multiples request para obtener
  6. 6. GraphQL al rescate :)
  7. 7. Con graphQL incluso puedes hacer esto :) movies { id actors { name movies { id actors { name movies { .... } } } }
  8. 8. Schemas (Describir los datos que regresaremos) ● Describir nuestros modelos ● Relaciones entre los modelos ● Exponer sus campos / datos Types ● Int ● Float ● String ● Boolean ● Object ● [Int] ● [Float] ● [String] ● [Boolean] ● [Object] ● Int! ● Float! ● String! ● Boolean! ● Object! ● [Int]! ● [Float]! ● [String]! ● [Boolean]! ● [Object]!
  9. 9. Queries y Mutations Queries = Leer datos del servidor (por lo general extraidos de una db) Mutations = Crear / modificar / borrar datos en el servidor
  10. 10. Ejemplo: Película, actores y comentarios
  11. 11. movieQL.js
  12. 12. movieQL.js
  13. 13. actorQL.js
  14. 14. commentQL.js
  15. 15. Query
  16. 16. Mutations
  17. 17. graphQL Schema
  18. 18. Poniendo todo junto Y jugando con graphiQL
  19. 19. Dudas preguntas y mentadas Demo: https://github.com/Alevsk/graphql-demo-server @Alevsk https://www.alevsk.com https://github.com/alevsk
  20. 20. Gracias We are hiring! https://freeagent.network/jobs

×