Ninowis/blue-prism-demo

A demo React app to present an animation concept.

Blue Prism Demo

A React + Webpack project based on my own React Alt Boilerplate created for the purpose of this demo.

Pre-requisites

• Node.js: Node >= 6 and npm >= 5.2 on your machine
• (Optional) Yarn: for an optimised npm package management

Features

• 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

Getting Started

• Run yarn install or npm 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.

Available Scripts

In the project directory, you can also run:

Productions build

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.