krispi1 / countries-graphql

An app that consumes data from a GraphQL backend and renders it dynamically in the browser.

Countries-GraphQL

Live demo

countries-graphql

This project was bootstrapped with Create React App.

Clone the project repo

Run git clone https://github.com/krispi1/countries-graphql.git in your desired directory

Navigate into countries-graphql

Run cd countries-graphql

Install dependencies

Run npm install

Run the application

Run npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Some learning resources

1. Getting started with GraphQL
2. Modular CSS with React
3. Upgrading to React Router v4
4. Change a git remote's URL
5. Code splitting React
6. Code splitting CRA

Lighthouse Performance Reports

1. First - 37% performance - Pre-optimization
2. Second - 44% performance - localStorage for subsequent requests
3. Third - 35% performance - after adding console.log statements