This starterkit does not include some fancy UI stuff but is a lightweight starting point for your next react app.
Get the kit
$ git clone https://github.com/wbkd/react-starterkit.git && cd react-starterkit
Install all dependencies.
$ npm install
Builds the application and starts a webserver with livereload. By default the webserver starts at port 1337.
You can define a port with
$ gulp --port 3333.
$ npm start
Builds a minified version of the application in the dist folder.
$ gulp build --type production
$ npm test
ES6 with babel
CSS entry file:
As you can see we are using stylus to preprocess our .styl files. If you didn't work with a css preprocessor before the stylus page is a good starting point to get to know what stylus can do for you.
If you want to use third-party CSS you just include it via
@import 'path/to/your/third-party-styles.css' at the top of the main.styl file.
You can find the webpack configuration in the webpack.config.js file. We use the babel-loader in order to load .jsx and .js files via webpack. If it's possible install all your dependencies with NPM. Packages installed with NPM can be used like this:
var moduleXYZ = require('moduleXYZ');
You can find all loaders in this list.