Setup

Setup instructions

Comenzaremos conociendo la estructura de nuestro repositorio lo cual nos va a facilitar el trabajo, luego con una guía sobre cómo agregar el cliente Apollo a un proyecto existente, luego seguiremos usando los componentes de Consulta y Mutación para obtener y manipular datos usando una API GraphQL.

Prerequisites

• Node.js LTS
• Git
• GitHub
• VSCode

También necesitarás instalar Apollo DevTools for Chrome. Si tienes todo esto, ¡entonces estamos listos para comenzar!

Estructura del proyecto

apollo-client-workshop-react
├── server
│    ├── models
│    ├── resolvers
│    ├── utils
│    ├── package.json
│    └── index.js
├── client
│    ├── // En este espacio contruiremos nuestro cliente
└── .nvmrc
└── LICENSE
└── README.md

Running server

Nuestro sevidor GraphQL necesita precargar unos datos de ejemplo previamente para su funcionamiento

# Move to server folder
$ cd server

# Install dependencies
$ npm install

# Load data
$ npm run seed

# Run server
$ npm run start:slow

Nota: La base de datos almacena dos archivos JSON almacenados en /tmp/recipes.json y /tmp/ingedients.json.