mikewu-x2/react-quickstart

React starter kit for minimalists

React Quickstart

A minimalist React starter.

Features

    ✓ Language - ES6+
    ✓ Transpiler - Babel
    ✓ Styling - Sass
    ✓ Task Runner - Gulp
    ✓ Bundling - Webpack
    ✓ Testing - Mocha/Chai
    ✓ Development - BrowserSync

Getting Started

npm start

Application Structure

├── src/                  # Main source folder
│   ├── app/              # React application files
│   │   ├── components/   # React components
│   │   ├── styles/       # Sass styles
│   │   └── index.jsx     # Main React app entry point
│   ├── dist/             # Static file bundles
│   └── index.html        # HTML entry point     
└──...                    # Configuration files

Component Generation

gulp component --name <name>

Components generated this way will automatically be created in /src/app/components/.

Add the --full flag to create a React component with life-cycle methods.

Documentation

React and ES6
Webpack Config
Component Generator
FAQ

License

The MIT License © Jonathan Huang