Configuración del tutorial y la plantilla

Para este tutorial, el backend GraphQL y la interfaz de usuario básica de la aplicación ya están listos. Nuestra tarea será convertir la interfaz de usuario «estática» en una aplicación funcional en tiempo real.

Clone y ejecute la plantilla

1. Clone el repositorio de learn-graphql. Ejecute los siguientes comandos en su terminal:

Copy
# make sure git version is >= v2.26

git clone --filter=blob:none --sparse git@github.com:hasura/learn-graphql.git

cd learn-graphql

git sparse-checkout init --cone

git sparse-checkout add tutorials/frontend/react-apollo-hooks/app-boilerplate

2. Desplácese hasta el directorio app-boilerplate.

Copy
cd tutorials/frontend/react-apollo-hooks/app-boilerplate

3. Instale las dependencias y ejecute la aplicación «estática»

   • npm install
   • npm start

4. Regístrese/inicie sesión como usuario para cargar la página de la aplicación de tareas pendientes

Esto es lo que debería ver tras los pasos anteriores:

Cargue GraphiQL para jugar con sus API de GraphQL

1. Diríjase a https://hasura.io/learn/graphql/graphiql
2. Inicie sesión (para que pueda probar las API de GraphQL con un token de usuario válido)

Esto es lo que debería ver tras los pasos anteriores:

Punto de conexión de GraphQL

Vamos a aprovechar el punto de conexión https://hasura.io/learn/graphql para hacer nuestras solicitudes de GraphQL en el tutorial.

Ahora, si quiere ejecutar su propia versión del punto de conexión GraphQL anterior, puede hacerlo siguiendo las indicaciones del tutorial Hasura Backend

• Despliegue Hasura Cloud

• Configure Hasura Backend

Diríjase al Tutorial Hasura Backend y comience a crear su propia versión.