A blank dev environment template for a React app that uses Webpack, ES6+, SASS, CSS Modules, ESLint, Stylelint, etc.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_templates
src
.babelrc
.eslintrc.js
.gitignore
.prettierrc
LICENSE
README.md
package-lock.json
package.json
paths.js
postcss.config.js
webpack.config.js
webpack.config.module.js
webpack.config.plugins.js
webpack.config.prod.js

README.md

Site Template

Webpack + React edition


Development

  • Webpack
  • Hot Module Replacement / React Hot Loader
  • Hygen for component code generation

Build

  • JS uglified
  • Assets optimised

JavaScript

  • Pre-configured with React
  • ES6+ transpilation using Babel, pre-configured with stage-1 (transformation of ES7 class properties, etc.)
  • Configured with simple, not overly-restrictive ESLint and Prettier rules, with the view that you will use them in your editor (not in Webpack)

CSS

  • Uses styled-components
  • Sensible global reset
  • Theme provider with theme template
  • Also uses css-loader (with PostCSS and autoprefixer) in case you need to include standard CSS

Getting started

  • Clone the repository
  • npm install
  • To start the dev server:
  • To build the assets for distribution:
    • npm run build
    • Files are output to ./dist