Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/morzhanov/react-flow-boilerplate
React Flow Boilerplate allows you to start new web project from scratch using React and Flow.
https://github.com/morzhanov/react-flow-boilerplate
babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack
Last synced: 20 days ago
JSON representation
React Flow Boilerplate allows you to start new web project from scratch using React and Flow.
- Host: GitHub
- URL: https://github.com/morzhanov/react-flow-boilerplate
- Owner: morzhanov
- License: mit
- Created: 2018-06-03T16:50:10.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T15:47:40.000Z (over 6 years ago)
- Last Synced: 2024-11-08T00:52:36.603Z (2 months ago)
- Topics: babel, css, eslint, flow, javascript, mobx, mobx-react, mobx-state-tree, mst, postcss, prettier, react, react-router-v4, sass, scss, styled-components, webpack
- Language: JavaScript
- Homepage:
- Size: 402 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Flow Boilerplate
React + Flow Boilerplate allows you to start new web project from scratch using React, Flow, Mobx-State-Tree, Mobx and Styled components.
Based on Mobx-State-Tree React Boilerplate
Also this boilerplate contains babel configuration to use decorators from ES7 and HMR with React.
## Installation
Use these steps to install project
```
1. yarn install
2. yarn start
```
Build project:
```
yarn build
```
Flow commands:
```
flow start
flow stop
flow status
flow coverage
```
## Usage
- Uses webpack to build project.
- Uses Babel to compile ES6 and ES7 code.
- 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
- Flow
- React Router
- Mobx-State-Tree
- Mobx
- Styled components
- Webpack 4
- ESLint
- Prettier
- Babel
- Stylus
- PostCSS
## 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.