Skip to content

GraphQL + React Boilerplate allows you to start new web project from scratch using React, Apollo, Mobx-State-Tree, Mobx and Styled components.

License

Notifications You must be signed in to change notification settings

morzhanov/graphql-react-boilerplate

Repository files navigation

GraphQL React Boilerplate

GraphQL + React Boilerplate allows you to start new web project from scratch using React, Apollo, Mobx-State-Tree, Mobx and Styled components.

Also this boilerplate contains babel configuration to use decorators from ES7 and HMR with React.

This is a frontend part of GraphQL boilerplate projects. You can also review graphql-nodejs-boilerplate to see how things works on the backend side with NodeJS and Express.

Mobx

Note: this boilerplate based on Mobx-State-Tree React Boilerplate and uses Mobx and Mobx-state-tree libraries as state manager.

 

Note: prerendering

If you want to enable prerendering for this project please take a look on prerender-spa-boilerplate based on prerender-spa-plugin

   

Installation

Use these steps to install project

1. yarn install
2. yarn start

Build project:

development

yarn build

staging

yarn staging

production

yarn production

Usage

  • Uses webpack to build project.
  • Uses Babel to compile ES6 and ES7 code.
  • Uses Apollo client to work with GraphQL
  • Uses Mobx and Mobx-State-Tree for state management
  • You can use SASS\SCSS within this boilerplate.
  • Check your code with ESLint and Prettier.
  • Supports styled components.
  • Supports hot-module-reload.

Main Technologies and libraries

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Author

Vlad Morzhanov

License

(The MIT License)

Copyright (c) 2018 Vlad Morzhanov. You can review license in the LICENSE file.

About

GraphQL + React Boilerplate allows you to start new web project from scratch using React, Apollo, Mobx-State-Tree, Mobx and Styled components.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published