apollo-client-react

apollo-client-react is a complete implementation of GraphQL with react.It includes two runtime libraries, Apollo Server and Apollo Client, for building and querying your graph's API.

apollo-client-react is the integration of GraphQL with react and GraphQL is the specification that we are using to communicate between our graph API and client

Requirements

To run this project, you will only need Node.js on your environement. You can use the appropriate Editorconfig plugin for your Editor (not mandatory).

Node

Node is really easy to install & now include NPM. You should be able to run the following command after the installation procedure below.

$ node --version
v10.14.2

$ npm --version
6.4.1

Node installation on OS X

You will need to use a Terminal. On OS X, you can find the default terminal in /Applications/Utilities/Terminal.app.

Please install Homebrew if it's not already done with the following command.

$ ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

If everything when fine, you should run

brew install node

Node installation on Linux

sudo apt-get install python-software-properties
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs

Node installation on Windows

Just go on official Node.js website & grab the installer. Also, be sure to have git available in your PATH, npm might need it.

---

Install

$ git clone https://github.com/Reactongraph/apollo-client-react.git
$ cd apollo-client-react
$ npm install

or

$ yarn

Start & watch

$ yarn start

or

$ npm start

Simple build for production

$ npm run build

or

$ yarn run build

Update sources

Some packages usages might change so you should run npm prune & npm install often. A common way to update is by doing

$ git pull
$ npm prune
$ npm install

To run those 3 commands you can just do

$ npm run pull

.gitignore

A gitignore file specifies intentionally untracked files that Git should ignore.

• node_modules
• package-lock.json
• eslintrc
• build

Languages & tools

HTML

• Jade for some templating.

JavaScript

• ESLINT is used to prevent JavaScript and JSX error.
• graphql is a query language to handle request.
• React is used for UI.
• react-router-dom is used create Dynamic Routes.
• react-redux is a predictable state container for JavaScript apps.

CSS

• cssnext is used to write futureproof CSS for CSS vendor prefix under the hood).