Introducción al curso

GraphQL se está convirtiendo en la nueva manera de utilizar las API en aplicaciones web y móviles modernas.

Sin embargo, aprender cosas nuevas siempre lleva tiempo y, sin ensuciarse las manos, es muy complicado llegar a comprender los matices de cualquier nueva tecnología.

Así que hemos preparado un curso potente y conciso que le servirá de instrucción a GraphQL, y a la integración de GraphQL en su stack de frontend, en el menor tiempo posible.

Exploraremos los fundamentos de GraphQL y las cosas que hacen que GraphQL sea especialmente adecuado para las aplicaciones más modernas, como pueden ser sus capacidades en tiempo real. El curso es bastante imparcial, de modo que una vez domine los fundamentos puede pasar a elegir sus bibliotecas favoritas, herramientas y adaptar su propio flujo de trabajo.

Conclusiones y temas clave:

GraphQL frente a REST
Consultas, mutaciones, suscripciones de GraphQL
Configurar un cliente GraphQL con Apollo
Integrar las consultas de GraphQL en su aplicación React
Integrar mutaciones de GraphQL con variables de consulta para gestionar la entrada de formularios
Actualizar el estado local tras una mutación de GraphQL (entrada de formularios) utilizando la caché de Apollo
Actualizaciones optimistas a los estados locales y la interfaz de usuario tras mutaciones de GraphQL para lograr una experiencia de usuario bien pulida
Utilizar suscripciones con hooks de suscripción
Construir un feed en tiempo real con notificaciones utilizando mutaciones y suscripciones

¿Qué vamos a construir?

Vamos a construir una aplicación de tareas pendientes en tiempo real utilizando API de GraphQL autenticadas.

Pruebe esta versión implementada de la aplicación para ver lo que vamos a construir: https://learn-hasura-todo-app.netlify.com/

¿Aprenderemos también conceptos de React en este curso?

No, vamos a simular un escenario en el que ya disponemos de una API de GraphQL y de la interfaz de usuario básica de una aplicación de React. Según este escenario, nuestra tarea es integrar las API de GraphQL en nuestra aplicación React, para construir una aplicación funcional completa.

Si no tiene experiencia con Hooks en React, le recomendamos echarle un vistazo a la documentación oficial y luego volver aquí.

¿Qué necesito para realizar este tutorial?

Necesita tener npm/yarn y node 8+ en funcionamiento.

¿Cuánto tiempo llevará este tutorial?

Menos de 2 horas

Otros cursos

Frontend: GraphQL para: Vue, Angular, Elm, ReasonReact

Móvil: GraphQL para: React Nativo, iOS, Android, Flutter

Backend: Construir un backend en tiempo real de GraphQL con Hasura en cuestión de 30 minutos (ideal para desarrolladores de frontend, backend o fullstack)