A React + Webpack project based on my own React Alt Boilerplate created for the purpose of this demo.
- Node.js: Node >= 6 and npm >= 5.2 on your machine
- (Optional) Yarn: for an optimised npm package management
- React Rooter integration
- Webpack 4 + Babel 7 toolchain
- Atomic Design based architecture, separating Sass and JS components for portability towards external technology-agnostic pattern-library
- Post CSS processing including autoprefixing with PostCSS Preset Env to convert modern CSS into something most browsers can understand (list of said browsers configurable via Browserslist), determining the polyfills you need based on your targeted browsers or runtime environments.
- CSS minification in production mode using cssnano
- Source Maps and Hot Reload when running in development mode (using webpack-dev-server)
- Webfonts assets toolchain ready for integrating fonts in project
- Run
yarn install
ornpm install
to install project dependencies. - Run
npm start
to run the app in the development mode. - Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
In the project directory, you can also run:
npm run build
It correctly bundles React in production mode, optimizing the build for best performance and copy required public assets to the dist
folder.