https://github.com/mrblueblue/react-quickstart

React starter kit for minimalists
https://github.com/mrblueblue/react-quickstart

Last synced: about 2 months ago
JSON representation

React starter kit for minimalists

• Host: GitHub
• URL: https://github.com/mrblueblue/react-quickstart
• Owner: mrblueblue
• License: mit
• Created: 2015-07-03T02:40:53.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-11-20T06:16:57.000Z (over 9 years ago)
• Last Synced: 2024-12-18T21:39:43.001Z (6 months ago)
• Language: JavaScript
• Homepage:
• Size: 43 KB
• Stars: 8
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Quickstart

[![Build Status](https://travis-ci.org/mrblueblue/react-quickstart.svg?branch=master)](https://travis-ci.org/mrblueblue/react-quickstart) [![Dependency Status](https://david-dm.org/mrblueblue/react-quickstart.svg)](https://david-dm.org/mrblueblue/react-quickstart) [![devDependency Status](https://david-dm.org/mrblueblue/react-quickstart/dev-status.svg)](https://david-dm.org/mrblueblue/react-quickstart#info=devDependencies)

A minimalist React starter. 

## Features

    ✓ Language - [ES6+](http://babeljs.io/blog/2015/06/07/react-on-es6-plus/)


    ✓ Styling - [Sass](http://sass-lang.com/)


    ✓ Task Runner - [Gulp](http://gulpjs.com/)


    ✓ Bundling - [Webpack](http://webpack.github.io/)


    ✓ Testing - [Mocha](http://mochajs.org/)/[Chai](http://chaijs.com/)


## Getting Started

    npm start

## Application Structure

```bash

├── dist/                 # Distribution bundle

├── src/                  # Main source folder

│   ├── components/       # React components

│   ├── styles/           # Sass styles

│   ├── index.js/         # Main React app entry point

│   └── index.html        # HTML entry point

├──devServer.js           # Webpack server with hot reload

└──...                    # Configuration files

```

## Component Generation

    gulp component --name 

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

Add the `--full` flag to create a React component with lifecycle methods.

## License

The MIT License © Jonathan Huang