Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/morzhanov/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.
https://github.com/morzhanov/graphql-react-boilerplate
apollo apollo-client babel boilerplate eslint graphql javascript mobx mobx-react mobx-react-router mobx-state-tree prettier react react-router-v4 webpack4 yarn
Last synced: 5 days ago
JSON representation
GraphQL + React Boilerplate allows you to start new web project from scratch using React, Apollo, Mobx-State-Tree, Mobx and Styled components.
- Host: GitHub
- URL: https://github.com/morzhanov/graphql-react-boilerplate
- Owner: morzhanov
- License: mit
- Created: 2018-07-02T17:42:48.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T15:48:20.000Z (about 6 years ago)
- Last Synced: 2024-11-08T00:53:10.886Z (about 2 months ago)
- Topics: apollo, apollo-client, babel, boilerplate, eslint, graphql, javascript, mobx, mobx-react, mobx-react-router, mobx-state-tree, prettier, react, react-router-v4, webpack4, yarn
- Language: JavaScript
- Homepage:
- Size: 402 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.