Alias y fragments

Cada vez me está encantando más GraphQL

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

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

Ya lo implementé y funcionó :’)

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

Definitivamente esto deja a Rest en pañales. 😮

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?

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

Brutal

GraphQL realmente enamora a primera vista.

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
}

🤯

Este el mimos spread operator

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

Alias y fragments

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
  }
}

Esto es genial

Se pueden anidar Fragments?

Wooow, esa parte de GraphQL esta genial!

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

Wuou que genial!!

Estructura de un fragment:
fragment x on Schema {
// Body of Schema
}

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

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

Que genial esta GraphQL

😊👌

Les facilito aquí la documentación para que puedan profundizar un poco mas

Estructura de un fragment:
fragment x on Schema {
// Body of Schema
}