Directives

Clase 21 de 45 • Curso de GraphQL 2016

Contenido del curso

Conceptos Generales de GraphQL

Construyendo Esquemas a través de Tipos

Las Herramientas de GraphQL

Proyecto

Conclusiones

43
¿Cuándo usar GraphQL?
03:43 min

Contenido Bonus

Tomar examen

Comentarios

Ivan Robles

student•

Las Directivas nos permiten pedir ciertos valores de una consulta dependiendo de si una variable es true o false.

Existen 2 tipos:

@include incluye el campo si el argumento es true.
@skip omite el campo si el argumento es true. (revirtiendo la condición)

Declaramos la variable:

{
  "conDescription": true
}

Realizamos la consulta:

query Cursos($conDescription: Boolean!) {
  cursos {
    titulo
    descripcion @include(if: $conDescription)
  }
}

Orlando Contreras Castellanos

student•

query Cursos ($conDescripcion: Boolean!){
  cursoMasVotado: curso(id: 1){
   ...CamposNecesarios
  }
  cursoMasVisto: curso(id: 2){
    ...CamposNecesarios
  }
  buscar(query: "GraphQL"){
    ... on Curso{
      ...CamposNecesarios
    }
    ... on Profesor {
      nombre
    }
  }
}

fragment CamposNecesarios on Curso {
  titulo
  descripcion @include(if: $conDescripcion)
}

{
“conDescripcion”: true
}

<code>

Jorge Méndez Ortega

student•

entiendo que las directivas sirven para indicar que si el resultado que nos lanza el query en algun momento no tiene un campo de los que estamos solicitando no lo tendria que mostar

Jose David Ocaña Ballester

student•

Usando las los directivas como practica.

query Cursos($conDescripcion: Boolean!, 
  					 $conProfesor: Boolean!,
             $conComentario: Boolean!) {
    cursos {
      titulo
      descripcion @include(if: $conDescripcion)  
      profesor @include(if: $conProfesor) {
        nombre
        genero
      }
      comentarios @skip(if: $conComentario) {
        nombre
      }
    }
  }

Query Variables

{
  "conDescripcion": false,
  "conProfesor": true,
  "conComentario": true
}

Abraham Solorzano

student•

Hola necesito crear una directiva que afecte a múltiples fields, estoy tratando de aplicar lo que muestra el profesor con la única diferencia que solo quiero que me traiga de un campo que lo nombre active todos las charlas activas hasta el momento.

query talksActive($activeTalks: Boolean!) {
allTalks {
id
name
isPlaceholder @include(if: $activeTalks)
}
}

Marcos Matamala

student•

Todo lo que escribes en query es definido en el cliente ?

Diego Forero

Team Platzi•

No, esta definido en el servidor, en el cual se crean los schemas de datos que puedes consultar.

Billi Ramirez

student•

En server pide lo que quieres y en el cliente como lo quieres.

Matias Niz

student•

Esto sirve en casos donde un usuario no tiene privilegios para ver ciertos datos? o en que circunstancias tiene razon de ser?

Diego Forero

Team Platzi•

No, por ejemplo puedes usar la misma query para pedir los datos desde la web y desde la aplicación móvil, pero en la app no tienes el mismo espacio entonces pasas una variable en false y no te envía los datos que no puedes mostrar, con esto haces mejor la comunicación.

Cuando vas a trabajar los permisos de los usuarios para ver x o y información es mejor usar los resolvers, se ven más adelante en el curso.

Matias Niz

student•

Entonces no entiendo el sentido, si no quiere pedir esos datos no es mejor directamente no solicitarlos?
Gracias por la respuesta!

query Cursos ($conDescripcion: Boolean!){
  cursoMasVotado: curso(id: 1){
   ...CamposNecesarios
  }
  cursoMasVisto: curso(id: 2){
    ...CamposNecesarios
  }
  buscar(query: "GraphQL"){
    ... on Curso{
      ...CamposNecesarios
    }
    ... on Profesor {
      nombre
    }
  }
}

fragment CamposNecesarios on Curso {
  titulo
  descripcion @include(if: $conDescripcion)
}

query Cursos($conDescripcion: Boolean!, 
  					 $conProfesor: Boolean!,
             $conComentario: Boolean!) {
    cursos {
      titulo
      descripcion @include(if: $conDescripcion)  
      profesor @include(if: $conProfesor) {
        nombre
        genero
      }
      comentarios @skip(if: $conComentario) {
        nombre
      }
    }
  }

Directives

Conceptos Generales de GraphQL

Por qué aprender GraphQL

Orígenes de GraphQL

GraphQL vs REST

Construyendo Esquemas a través de Tipos

El Schema - Types

Scalars

Objects

Enum

Interface

Union

Modificadores de tipo

Root Type: Query

Root Type: Mutation

Las Herramientas de GraphQL

Aclaración antes de empezar éste modulo

La Interfaz de GraphiQL

Queries

Argumentos

Variables

Aliases

Fragments

Inline Fragments

Directives

Mutations

Input Types

Proyecto

Presentación del Proyecto

Inicialización del Proyecto

Creación del Esquema

Deprecación de Campos

Resolvers

Desafío: Terminar los Resolvers

Mocking

Implementación de Bases de Datos

Resolviendo a Base de Datos

Modularización del Esquema

Mutaciones: Creando Registros

Mutaciones: Editando Registros

Mutaciones: Eliminando Registros

Desafío: Terminar de Crear las Mutaciones

Implementando la Búsqueda

Manejo de Errores

Usando GraphQl fuera de GraphiQL

Los Clientes de GraphQL: Apollo vs Relay

Implementación de Apollo Client

Conclusiones

¿Cuándo usar GraphQL?

Contenido Bonus

Herramientas de la Comunidad

GraphQL Real Time con Subscriptions