React TypeScript MobX Webpack SASS Boilerplate

Simple boilerplate using React, MobX, Typescript & SASS+PostCSS. Bundled with Webpack 3.

Getting Started:

• npm install then
• npm run dev

Overview

Very simple example React application which compiles to /dist directory.

Uses MobX to create a Store on the Application State which is passed down to child components.

SASS is compiled from /src/sass/style.scss, then PostCSS is used for Autoprefixer. CSS is exported to a standalone file using Webpack ExtractTextPlugin.

Finally uses HTMLWebpackPlugin to automatically insert the css/js bundles into the HTML.

Webpack Tasks

• npm run dev fires off webpack-dev-server - can view on http://localhost:8080

• npm run prod fires off webpack production build