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

Apoorv Vardhan
Apoorv VardhanTwitter IconGithub Icon
Loves to try out and build new things!
Christoph Benjamin Weber
Christoph Benjamin WeberTwitter IconGithub Icon
Software developer, interested in frontend technologies.
Did you find this page helpful?
Start with GraphQL on Hasura for Free
  • ArrowBuild apps and APIs 10x faster
  • ArrowBuilt-in authorization and caching
  • Arrow8x more performant than hand-rolled APIs
Promo
footer illustration
Brand logo
© 2024 Hasura Inc. All rights reserved
Github
Titter
Discord
Facebook
Instagram
Youtube
Linkedin