Angular

 & GraphQL 

Beneficios de GraphQL

• Menos codigo
• Declarativo / elegante
• Evitar multiples llamadas en REST
• Soporte extendido and version gratis
• Flexible
• Mejor rendimiento
• Poderosas herramientas de desarrollo

Que ofrece GraphQL?

Rest

• Muchos Endpoints
• GET,POST,PUT, PATCH
• No flexible
• Peticiones Manuales

GraphQL

• Un solo endpoint
• HTTP + queries
• Flexible
• Peticiones Automaticas

Como Implementar Graphql ?

Title Text

Esto es un Query

Esto es una mutacion simple

Llamar mutaciones por variables

Esta es una subscripcion

Clientes de GraphQL

• Relay: potente  cliente GraphQL desarrollado por Facebook, muy optimizado para el rendimiento. Solo está disponible en la web.
• Apollo Client: esfuerzo impulsado por la comunidad para construir un cliente GraphQL potente, flexible y listo para producción para todas las principales plataformas de desarrollo. Es compatible con varios marcos de frontend (React, Angular y Vue) y plataformas (iOS, Android).

GraphQL en el Servidor

• Graphql-tools: 

Un paquete que le permite construir un esquema GraphQL.js listo para producción usando el lenguaje de esquema GraphQL

• Apollo-server: 

Una biblioteca de servidor GraphQL de Node.js preparada para la producción que admite Express, Connect, Hapi, Koa y otros servidores populares Node HTTP, con funciones integradas como consultas persistentes, procesamiento por lotes y más. Apollo Server funciona con cualquier cliente GraphQL, como Apollo, Relay y más.

Limitaciones

•  Las subscripciones a GraphQL son   lentas a veces.

• Pasar variables a un query es moroso y requieren que los props se pasen de un componente padre.

• Los documentos oficiales de Apollo Client proporcionan ejemplos simples y genéricos que son difíciles de aplicar a aplicaciones a gran escala.

Diseñando una Pagina De Cursos

QUERIES

• Obeniendo todos los cursos

MUTATIONS

• Agregar likes y dislikes

SUBSCRIPTIONS

• Escuchar el websocket cada vez que se actualiza el curso

Front End

Backend

Preguntas?