Rescape-web NPM

React & Apollo Tutorial

This is the sample project that belongs to the React & Apollo Tutorial on How to GraphQL.

Running the App

1. Clone repository

git clone https://github.com/howtographql/react-apollo/
cd react-apollo

2. Create GraphQL API with `graphcool`

If you haven't already, install the Graphcool CLI:

# Install Graphcool CLI
npm install -g graphcool

Once it's installed, you can deploy the Graphcool service based on the existing definition inside the server directory:

cd server
yarn install
graphcool deploy

When prompted which cluster you want to deploy to, choose any of the Shared Clusters options (shared-eu-west-1, shared-ap-northeast-1 or shared-us-west-2).

3. Connect the app with your GraphQL API

Paste the service ID (which you find in the generated .graphcoolrc file inside the server directory or by running graphcool info) into ./src/index.js replacing the current placeholder __SERVICE_ID__.

5. Install dependencies & run locally

cd ..
yarn install
yarn start # open http://localhost:3000 in your browser

@turf/bbox-polygon @turf/turf ansi-styles apollo apollo-client-preset apollo-link apollo-link-error apollo-link-schema apollo-link-ws autoprefixer babel-core babel-eslint babel-jest babel-loader babel-plugin-graphql-tag babel-plugin-transform-es2015-modules-commonjs-simple babel-preset-env babel-preset-react-app babel-runtime case-sensitive-paths-webpack-plugin chalk cors css-loader d3-array d3-collection d3-format d3-geo d3-sankey d3-scale data.either data.maybe data.task decamelize dotenv eslint eslint-config-react-app eslint-loader eslint-plugin-flowtype eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react express extract-text-webpack-plugin file-loader fs-extra google-spreadsheets googleapis graphql graphql-geojson graphql-tag graphql-tools html-webpack-plugin immutable jest memoize-immutable moment moment-duration-format morgan namedtuplemap node-fetch numeral object-assign postcss-flexbugs-fixes postcss-loader pretty-format promise prop-types query-overpass raf ramda ramda-lens react react-apollo react-dev-utils react-dom react-map-gl react-redux react-router react-router-dom react-scrollbar rebass redux redux-debounced redux-logger redux-map-gl redux-mock-provider redux-mock-store redux-responsive redux-thunk regenerator-runtime rescape-ramda rescape-validate reselect style-loader styled-components styled-system subscriptions-transport-ws sw-precache-webpack-plugin url-loader webpack webpack-dev-server webpack-manifest-plugin whatwg-fetch

@everything-registry/sub-chunk-2655 @infinitebrahmanuniverse/nolb-resc

0.1.4

6 years ago