React setup

bin-setup

#!/bin/sh

# This goes in bin/setup

npm install --save \
  gulp \
  browserify \
  react \
  react-dom \
  babelify \
  babel-preset-react \
  babel-preset-es2015 \
  vinyl-source-stream

gulpfile.js

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');

gulp.task('default', function () {
    return browserify({entries: './main.jsx', extensions: ['.jsx'], debug: true})
        .transform('babelify', {presets: ['es2015', 'react']})
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('dist'));
});

main.jsx

// https://facebook.github.io/react/docs/getting-started.html

var React = require('react');
var ReactDOM = require('react-dom');

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);