Estoy tratando de aprender browserify para administrar mi javascript. Mi primera tarea simple es crear un archivo react.js que será generado por gulp + browserify

var browserify = require('gulp-browserify');

gulp.task('browserify-react', function () {
  return gulp.src('js/react/react.js')
  .pipe(browserify())
  .pipe(rename('react-generated.js'))
  .pipe(gulp.dest('./dist'));
});

En js / react / creé un archivo react.js que solo requiere dos comandos:

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

Espero que un nuevo archivo react-generate.js contendrá los módulos react y react-dom.

Se generará el archivo, pero cuando trato de usar este react-generate.js en mi proyecto obtengo dos errores

ReferenceError: React is not defined
ReferenceError: ReactDOM is not defined

Pero si uso react javascript de facebook, entonces todo está bien, no hay errores

<script src="https://fb.me/react-0.14.0.min.js"></script>
<script src="https://fb.me/react-dom-0.14.0.min.js"></script>

Preguntas ¿Qué extraño cuando genero componentes de reacción usando gulp-browserify?