title | metaTitle | metaDescription |
---|---|---|
Introducción al curso |
Introducción al curso | Tutorial de hooks Apollo con React en GraphQL |
Un tutorial potente y conciso que le servirá de introducción a GraphQL, y a la integración de GraphQL en su aplicación React con Apollo, en el menor tiempo posible. |
import CommunityAuthor from '../src/CommunityAuthor.js';
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.
- 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
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/
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í.
Necesita tener npm/yarn y node 8+ en funcionamiento.
Menos de 2 horas
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)