https://github.com/miasmos/react-boilerplate
A boilerplate for a React SPA using ES2018, Sass, Webpack 4 & Babel 7
https://github.com/miasmos/react-boilerplate
babel babel7 boilerplate es2018 es6 react reactjs sass template webpack webpack4
Last synced: 3 months ago
JSON representation
A boilerplate for a React SPA using ES2018, Sass, Webpack 4 & Babel 7
- Host: GitHub
- URL: https://github.com/miasmos/react-boilerplate
- Owner: miasmos
- License: mit
- Created: 2018-06-22T20:31:26.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-22T21:30:11.000Z (almost 8 years ago)
- Last Synced: 2026-01-03T17:43:02.506Z (6 months ago)
- Topics: babel, babel7, boilerplate, es2018, es6, react, reactjs, sass, template, webpack, webpack4
- Language: JavaScript
- Homepage:
- Size: 194 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
##React Boilerplate
This project is built with ES2018, React, Sass, Webpack 4 & Babel 7.
[Prettier](https://github.com/prettier/prettier) is used for code style guideline. Every major editor has a Prettier extension allowing auto-styling on save.
[PostCSS](https://github.com/postcss/postcss) is used within the webpack pipeline for automatic appending of vendor prefixes based on `.browserslistrc`.
[webpack-dev-server](https://github.com/webpack/webpack-dev-server) is used for quick iterative development, allowing for [hot module replacement](https://webpack.js.org/concepts/hot-module-replacement/) in-browser.
#Getting Started
Install the latest version of [nodejs](https://nodejs.org/en/download/).
`npm install -g windows-build-tools prettier`
`npm install`
`npm run dev`
This will start webpack dev server on port 80. The project is compiled to `build`.
#Deployment
`npm start`
This will run webpack in production mode. By default, this means the bundle will be minified and libraries that rely on the NODE_ENV variable will transpile to their production versions.