diff --git a/examples/basic-commonjs/README.md b/examples/basic-commonjs/README.md index bd9d2499fa..87025c46e2 100644 --- a/examples/basic-commonjs/README.md +++ b/examples/basic-commonjs/README.md @@ -2,6 +2,8 @@ Run `npm install` in the directory to install React from npm. Then run: - ./node_modules/.bin/browserify --debug --transform reactify ./index.js > ./bundle.js +```sh +npm start +``` to produce `bundle.js` with example code and React. diff --git a/examples/basic-commonjs/index.html b/examples/basic-commonjs/index.html index c9aeb2879f..a63f3016d3 100644 --- a/examples/basic-commonjs/index.html +++ b/examples/basic-commonjs/index.html @@ -19,7 +19,7 @@

Example Details

This is written with JSX in a CommonJS module and precompiled to vanilla JS by running:

-
browserify --debug --transform reactify index.js > bundle.js
+
npm start

Learn more about React at facebook.github.io/react. diff --git a/examples/basic-commonjs/index.js b/examples/basic-commonjs/index.js index 271595aeb9..ef90bbb89c 100644 --- a/examples/basic-commonjs/index.js +++ b/examples/basic-commonjs/index.js @@ -1,6 +1,7 @@ 'use strict'; var React = require('react'); +var ReactDOM = require('react-dom'); var ExampleApplication = React.createClass({ render: function() { @@ -16,7 +17,7 @@ var ExampleApplication = React.createClass({ var start = new Date().getTime(); setInterval(function() { - React.render( + ReactDOM.render( , document.getElementById('container') ); diff --git a/examples/basic-commonjs/package.json b/examples/basic-commonjs/package.json index 05e798eed1..be65e6a26e 100644 --- a/examples/basic-commonjs/package.json +++ b/examples/basic-commonjs/package.json @@ -2,12 +2,13 @@ "name": "react-basic-commonjs-example", "description": "Basic example of using React with CommonJS", "main": "index.js", - "devDependencies": { - "browserify": "^6.3.3", - "react": "^0.13.0", - "reactify": "^0.17.1" + "dependencies": { + "babelify": "^6.3.0", + "react": "^0.14.0-rc1", + "react-dom": "^0.14.0-rc1", + "watchify": "^3.4.0" }, "scripts": { - "build": "browserify --debug --transform reactify index.js > bundle.js" + "start": "watchify index.js -v -t babelify -o bundle.js" } }