mra

Minimal React App (MRA)

A very basic React bootstrapper.

Prerequisites

• npm
• node

Included Packages

The following packages are the only npm packages installed with MRA.

"@babel/core": "^7.4.4",
"@babel/preset-env": "^7.4.4",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.5",
"css-loader": "^2.1.1",
"node-sass": "^4.12.0",
"react-hot-loader": "^4.8.4",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"webpack": "^4.30.0",
"webpack-cli": "^3.3.1",
"webpack-dev-server": "^3.3.1"

Features

• Hot reloading with react-hot-loader
• ES6 with babel
• Dev building with webpack-dev-server
• css and sass loaders

Usage

Create a simple project!

npx mra <project name>
cd !$
npm start

Then visit http://localhost:3000/

That's it!

Structure

The project will be created with the following structure.

Note: node_modules contents not listed

project-name
├── node_modules
├── package-lock.json
├── package.json
├── public
│   └── index.html
├── src
│   ├── App.js
│   ├── App.scss
│   └── index.js
└── webpack.config.js