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)
Sobre los autores de la comunidad
- Build apps and APIs 10x faster
- Built-in authorization and caching
- 8x more performant than hand-rolled APIs