Build a Todo GraphQL API and Client

Ejemplo Simple de Servidor y Cliente GraphQL con Vanilla JS

En este vídeo:

Se construye una API GraphQL para una lista de TODOs y un cliente en Vanilla JS.

Modo de Trabajo

1. Cree una rama solution a partir de la rama master. Si durante el visionado algo no le sale siempre podrá consultar esta rama.
2. En la rama master borre los contenidos de las carpetas todo-client y todo-graphql
3. Ahora conforme va viendo el vídeo vaya siguiendo los pasos que se describen en el mismo.
4. Pause el vídeo cada vez que va a emprender una nueva tarea e itente hacerlo antes de ver la solución. Si no le sale mire como lo hace o consulte la rama solucion

Build a simple TODO GraphQL API (in memory array)

Cuando llegue a esta parte vaya intentando los pasos especificados:

1. Create node app/install graphql-yoga
2. Define Todo Type
3. Define Query Type
   • Get All Todos
4. Define Query Resolver
   • Get All Todos
5. Define Create Mutation
6. Define Create Resolver
7. Define Delete Mutation
8. Define Delete Resolver
9. Build a simple TODO GraphQL Client
10. Create client app/install nanographql
11. Query for all on page load

Puede plantearse como mejora usar una base de datos como SQLite o Mongo en vez del array

Procure hacer un commit por cada tarea lograda en la lista de objetivos.

Aseguremonos de entender cada uno de los pasos.

El repo original está en CodingGarden/intro-graphql