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

• React
• React Router
• TypeScript
• Apollo
• Mobx-State-Tree
• Mobx
• Styled components
• Webpack 4
• ESLint
• Prettier
• Babel
• Stylus

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.