Skip to content

Latest commit

 

History

History
63 lines (44 loc) · 2.64 KB

README.md

File metadata and controls

63 lines (44 loc) · 2.64 KB

React Apollo Example

Gitter

An example of the app with GraphQL!

Features

  • GraphQL for fetching data! The most awesome part of the project!

  • ES6/ES2015 with Babel

  • React data container for the Apollo Client

  • Integrating predictable state container Redux with Apollo

  • Hot reloading using react-transform-hmr

  • Development and production bundling by Webpack

  • CSSNext: use of official W3C syntax of the future CSS

  • Transforming styles with JS plugins by PostCSS

  • Wow.js for CSS animations

  • Flexbox for resolving layout fatigue and making the app responsive (open the app in desktop, mobile, whatever...). Doesn't work on IE 9, but it should not be a problem nowadays. See browsers usage.

  • CSS Modules: say goodbye to global scope in CSS and most of conflicts

  • Linting both JS and CSS, respectively by: ESLint and Stylelint

  • Production Mode in progress due to this issue

Running the app

1. Install Node/npm

Make sure you have Node.js installed (the app has been tested with Node 5.12.0)

2. Clone and install dependencies

git clone https://github.com/graphan/react-apollo-example.git
cd react-apollo-example
npm install

3. Build and run the app

Development mode:

npm run dev

Production mode: (not works fully due to this issue)

npm run build
npm run start

How to Contribute:

Best way to keep up to date is check the issues. We really welcome improvements for all aspects of an app.

  1. Any suggestions/improvements/bugs can be in the form of Pull Requests, or creating an issue.
  2. Coding guidelines: Airbnb's Style Guide