The react-dashboard's intro from misterharshith

react-dashboard's Introduction

Start the dev server:


npm run start:dev

Build:


npm run build

Note:

Changes made to your CSS / JS triggers a full page auto-reload.
Running a build writes the bundle.js and bundle.css to the /public/dist/ directory.

Pre-configured tools and plugins

Module bundler: Webpack
ES6 Transpiler: babel-loader
Linting: eslint
JS Uglification: UglifyJsPlugin
Dev Server: webpack-dev-server (npm run start:dev)

Codebase overview.

/
├─ public/
|  ├─ dist/
|  |  ├─ bundle.css           # CSS that's generated from SASS
|  |  ├─ bundle.js            # Contains scripts of components & vendor(s).
|  ├─ index.html              # Contains root element to mount your app.
└─ src/
   ├─ actions/                # Create actions here.
   ├─ components/             # Create components here
   |─ containers/             # Containers bridge Components with the State.
   ├─ constants/              # Define action types here.
   ├─ reducers/               # Create reducers here.
   ├─ styles/                 # All styling goes here.
   ├─ App.js                  # Include your main component(s).
   ├─ index.js                # Passes state to App. Renders markup to DOM.
   └─ store.js                # Creates and exports store.

React - Quick Start | Start Learning React | React in 8-minutes

Redux - Basics | An Introduction | React with Redux

Sass - Sass Guide

Recommend Projects