mugan86

1. Run tsc --init in your project folder to create tsconfig.json file (if you don't have one already).

2. Press Ctrl+Shift+B to open a list of tasks in VS Code and select tsc: watch - tsconfig.json.

3. Done! Your project is recompiled on every file save.

You can have several tsconfig.json files in your workspace and run multiple compilations at once if you want (e.g. frontend and backend separately).

mugan86

module.exports = {
    apiUrl: 'https://breaking-bad-voting.herokuapp.com/graphql',
    queries: {
        getCharacters: `{
          characters {
            id
            name
            actor
            total_episodes
          }

mugan86

const axios_ = require('axios');
const apiUrl = require('./../constants').apiUrl;
const queries = require('./../constants').queries;

axios_.post(apiUrl, {
    query: queries.getCharacters
})
.then((res) => {
  console.log('--------------------- Lista de Personajes --------------------------')
  console.log(res.data)

mugan86

iMac-de-Anartz:queries anartz$ node axios.js 
--------------------- Lista de Personajes --------------------------
{ data:
   { characters:
      [ [Object],
        [Object],
        [Object],
        [Object],
        [Object],
        [Object],

mugan86

{
  "data": {
    "characters": [
      {
        "id": "1",
        "name": "Walter White",
        "total_episodes": 62
      },
      {
        "id": "2",

mugan86

--------------------- Lista de Personajes --------------------------
[ { id: '1',
    name: 'Walter White',
    actor: 'Bryan Cranston',
    total_episodes: 62 },
  { id: '2',
    name: 'Jesse Pinkman',
    actor: 'Aaron Paul',
    total_episodes: 62 },
  { id: '3',

mugan86

axios_.post(apiUrl, {
  query: queries.getCharacterWalter
})
.then((res) => {
  console.log('--------------------- Información de Walter White - ID = 1 --------------------------')
  console.log(res.data)
})
.catch((error) => {
  console.error(error)
});

mugan86

--------------------- Información de Walter White - ID = 1 --------------------------
{ id: '1', name: 'Walter White', total_episodes: 62, votes: 164 }

mugan86

{ data:
   { character:
      { id: '1', name: 'Walter White', total_episodes: 62, votes: 164 } } }

mugan86

axios_.post(apiUrl, {
  query: queries.getSelectCharacter,
  variables: { id: '2'}
})
.then((res) => {
const character = res.data.data.character;
console.log(`Personaje seleccionado ID ${character.id} - ${character.name}`)
console.log(character)
})
.catch((error) => {