Cursos Empresas Blog Live Conf Eventos Precios

0:007:50

Recursos

Resumen

Dentro de GraphQL podemos correr más de una petición a la vez y nombrarlas de distinta manera para poder identificarlas, esto es posible gracias a los Aliases o simplemente Alias.

La sintaxis de un Alias es bastante simple:

nombreDelAlias: tipoDeDato(argumento: tipo) {
  datos
}

Además de los Alias, podemos agrupar campos para ser reutilizados en distintas peticiones gracias a los Fragments.

Alias y fragments

Curso Práctico de GraphQL con JavaScript

Clase 15 de 25

Clase 15 / 25

Comentarios (27)27 comentarios

Jecsham Castillo

Hace 7 años

Cada vez me está encantando más GraphQL

César David Ramírez Dimaté

Hace 5 años

Así es, es bastante práctico. Imagínate tener que modificar la respuesta de una API a cada rato para poder hacer esto jajaja.

Cristian Mota Núñez

Basicamente estos consectos convierten tu API en un gran JSON que puedes consumir a tu antojo 🤯🤯💥

Mateo Nieto Hoyos

Real

Yerlinson Maturana Serna

Definitivamente esto deja a Rest en pañales. :o

Igual sigues respondiendo en rest jejeje. Más bien que la construcción de contratos de las APIs se quedan en pañales.

Iraida Mercedes Barreto Díaz

Me encantan que con los fragments se puedan definir los campos quiero traer en la consulta :o

Ya lo implementé y funcionó :')

!aliasyfragments

Carl Friedrich Mateus Sierra

Es bueno hacer varios consultas en una misma peticion es rapido el servicio?

Favio Náquira

Creo que va a depender de que tan optimizados estén tus resolvers, pero sin lugar a dudas, el hecho de solamente hacer una petición y no varias es un upgrade mayor a tus aplicaciones.

Mario Menjívar

Dependerá de su complejidad. Y esta dependerá de tu creatividad al resolver los requerimientos :)

He visto este curso de Graphql y me parece excelente. Pero es bueno hacerlo de esta manera o es mejor utilizar herramientas como prisma o postgraphile para llamar la informacion desde la base de datos?

Jesus Eduardo Murrieta Rosas

TE recomiendo prisma, lo utilizo como microservicios en kubernetes, conectando diferentes bases de datos y respondiendo con prisma graphql para diferentes apps.

Qué hacen esas dos herramientas que mencionaste?

Carlos Enrique Ramírez Flores

La documentación esta muy bien!! Vamos a darle una checada! https://graphql.github.io/learn/queries/#aliases

Alex Abel Lerman

Brutal

Héctor Daniel Hernández Castillo

GraphQL realmente enamora a primera vista.

Carlos Hernandez

Hace 4 años

Qué maravilla

Luis Alberto Colunga Pérez

Hace 6 años

Tengo una duda, se pueden realizar fragments dentro de nuestro código en vez de hacerlo por consulta en el graphiql?

Nery Alberto Cano Ortigoza

La idea es que puedas exportar las funciones que estamos creando a nuestro codigo, por ejemplo de react y lo utilices como funciones que te retornen los valores de la base de datos

Francisco Garcia [C6]

Muy interesante

{
  AllCourses: getCourses{
    _id
    title
  }
  
  Course1: getCourse(id: "5f0c8140c6163a17722314d4"){
    ...CourseFields
    teacher
  }
  
    Course2: getCourse(id: "5f0c8152c6163a17722314d5"){
    ...CourseFields
    topic
  }
}

fragment CourseFields on Course {
 _id
  title
  description
}

Pablo Verduzco

🤯

Andres Felipe Jerez Giraldo

nvm, ya encontre que era

Diego Fernando Caviedes Camaho

Este el mimos spread operator

Miguel Angel Reyes Moreno

Interesante que estemos viendo conceptos avanzados en el curso básico.

En GraphQL Podemos hacer varias consultas al mismo tiempo, por ejemplo:

query{
  AllCourses: getCourses{
    _id
    title
  }
  Course1: getCourse(id:"61664f8ded307fc554c718ff"){
    _id
    title
    description
  }
  Course2: getCourse(id:"61664f8ded307fc554c71901"){
    teacher
    description
  }
}

Con los fragments podemos crear queries que mandamos a llamar y así simplificamos el código de las mismas, por ejemplo:

query {
  AllCourses: getCourses{
    ...CourseFields
  }
}

fragment CourseFields on Course {
  _id
  title
  description
  people {
    _id
    name
  }
}

Jose Eduardo Romero Baltazar

Esto es genial

leonardo Oteca

Se pueden anidar Fragments?

Si, porque se pueden crear bloques de campos similares y separarlos en fragments diferentes.

Guillermo Vara De Gante

Wooow, esa parte de GraphQL esta genial!

Reinaldo Mendoza

Concuerdo

juan david jaramillo zuñiga

Desde un projecto Frontend con React o Angular, como se harían este tipo de consultas? http?

todo pasa en el backend, luego tu decides como presentar la informacion en el front

Recursos

Resumen

Alias y fragments

Progreso del curso

Introducción

Conceptos básicos

Conceptos avanzados

Consumiendo el API