Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/beace/react-babel-webpack-eslint-boilerplate
react-babel-webpack-eslint-boilerplate
https://github.com/beace/react-babel-webpack-eslint-boilerplate
babel boilerplate eslint expressjs hmr-support react react-router-dom react-router-v4 webpack3
Last synced: 29 days ago
JSON representation
react-babel-webpack-eslint-boilerplate
- Host: GitHub
- URL: https://github.com/beace/react-babel-webpack-eslint-boilerplate
- Owner: Beace
- License: mit
- Created: 2017-09-04T02:12:49.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-14T04:28:18.000Z (over 7 years ago)
- Last Synced: 2024-10-30T09:18:08.539Z (2 months ago)
- Topics: babel, boilerplate, eslint, expressjs, hmr-support, react, react-router-dom, react-router-v4, webpack3
- Language: JavaScript
- Homepage:
- Size: 12.3 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-babel-webpack-eslint-boilerplate
React-babel-webpack-eslint-boilerplate is a webpack configuration for a lightweight development environment for building customer server and react projects, using the following technology stack. You can directly fork to your project and modify the relevant path after use.
# Run
```
$ npm intall
$ npm start
> NODE_ENV=development node serverListening at http://localhost:3000/
webpack built ce3e0293c04ca359df65 in 3566ms
```# Tech Stacks
- express: "^4.15.4",
- react: "^15.6.1",
- react-router-dom: "^4.2.2"
- babel-eslint: "^7.2.3",
- babel-loader: "^7.1.2",
- babel-preset-env: "^1.6.0",
- babel-preset-es2015: "^6.24.1",
- babel-preset-react: "^6.24.1",
- babel-preset-react-hmre: "^1.1.1",
- babel-preset-stage-0: "^6.24.1",
- eslint: "^4.6.0",
- eslint-config-airbnb: "^15.1.0",
- eslint-loader: "^1.9.0",
- eslint-plugin-jsx-a11y: "^6.0.2",
- eslint-plugin-react: "^7.3.0",
- webpack: "^3.5.5",
- webpack-dev-middleware: "^1.12.0",
- webpack-hot-middleware: "^2.18.2"# Screenshots
## HMR console
![HMR console](./screenshot/console-hmr.png)
## Webpack console
![WEBPACK console](./screenshot/console-webpack.png)
## ESLint-loader
![ESLINT screenshot](./screenshot/eslint-loader.png)