Banner post

GraphQL se ha vuelto popular recientemente y es probable que reemplace la API Rest. En este tutorial, utilizaremos el Cliente Apollo para comunicarnos con la API GraphQL de GitHub. Integraremos Apollo Client con ReactJS, pero también puede usarlo con otras plataformas (VueJS, Angular, etc).

Este tutorial no cubre cómo iniciar un proyecto de React, pero puede usar create-react-app para comenzar.

Una vez que tengamos la aplicación de react lista para funcionar, lo siguiente es instalar los módulos requeridos.

Instalación de módulos

La siguiente línea instala todos los módulos requeridos.

npm i -S apollo-client-preset react-apollo graphql-tag graphql

Ahora podemos proporcionar a nuestro componente un cliente.

Proporcionar un cliente a un componente

Puede proporcionar un cliente en cualquier lugar de la jerarquía de componentes de React. Sin embargo, siempre es una buena práctica proporcionar el componente, envolviendo toda su aplicación, con el cliente.

Arriba puede ver que definimos el uri para GitHub y también usamos un token específico para losheaders. Deberías usar tu propio token generado desde GitHub. Así que no olvides reemplazarlo en YOUR_TOKEN.

….

Puedes continuar leyendo este post en mi blog personal