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
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 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
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
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
Just go on official Node.js website & grab the installer.
Also, be sure to have git
available in your PATH, npm
might need it.
$ git clone https://github.com/Reactongraph/apollo-client-react.git
$ cd apollo-client-react
$ npm install
$ yarn
$ yarn start
$ npm start
$ npm run build
$ yarn run build
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
A gitignore file specifies intentionally untracked files that Git should ignore.
- node_modules
- package-lock.json
- eslintrc
- build
- Jade for some templating.
- 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.
- cssnext is used to write futureproof CSS for CSS vendor prefix under the hood).