Basic CommonJS Example with Browserify<\/title>\n+ <link rel=\"stylesheet\" href=\"..\/shared\/css\/base.css\" \/>\n+ <\/head>\n+ <body>\n+ <h1>Basic CommonJS Example with Browserify<\/h1>\n+ <div id=\"container\">\n+ <p>\n+ To install React, follow the instructions on\n+ <a href=\"http:\/\/www.github.com\/facebook\/react\/\">GitHub<\/a>.\n+ <\/p>\n+ <p>\n+ If you can see this, React is not working right.\n+ If you checked out the source from GitHub make sure to run <code>grunt<\/code>.\n+ <\/p>\n+ <\/div>\n+ <h4>Example Details<\/h4>\n+ <p>This is written with JSX in a CommonJS module and precompiled to vanilla JS by running:<\/p>\n+ <pre>browserify --debug --transform reactify index.js > bundle.js<\/pre>\n+ <p>\n+ Learn more about React at\n+ <a href=\"http:\/\/facebook.github.io\/react\" target=\"_blank\">facebook.github.io\/react<\/a>.\n+ <\/p>\n+ <script src=\"bundle.js\"><\/script>\n+ <\/body>\n+<\/html>\ndiff --git a\/examples\/basic-commonjs\/index.js b\/examples\/basic-commonjs\/index.js\nnew file mode 100644\nindex 0000000000..9344c32cdd\n--- \/dev\/null\n+++ b\/examples\/basic-commonjs\/index.js\n@@ -0,0 +1,25 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+var React = require('react');\n+\n+var ExampleApplication = React.createClass({\n+ render: function() {\n+ var elapsed = Math.round(this.props.elapsed \/ 100);\n+ var seconds = elapsed \/ 10 + (elapsed % 10 ? '' : '.0' );\n+ var message =\n+ 'React has been successfully running for ' + seconds + ' seconds.';\n+\n+ return <p>{message}<\/p>;\n+ }\n+});\n+\n+var start = new Date().getTime();\n+\n+setInterval(function() {\n+ React.renderComponent(\n+ <ExampleApplication elapsed={new Date().getTime() - start} \/>,\n+ document.getElementById('container')\n+ );\n+}, 50);\ndiff --git a\/examples\/basic-commonjs\/package.json b\/examples\/basic-commonjs\/package.json\nnew file mode 100644\nindex 0000000000..d72927a431\n--- \/dev\/null\n+++ b\/examples\/basic-commonjs\/package.json\n@@ -0,0 +1,14 @@\n+{\n+ \"name\": \"react-basic-commonjs-example\",\n+ \"description\": \"Basic example of using React with CommonJS\",\n+ \"main\": \"index.js\",\n+ \"devDependencies\": {\n+ \"envify\": \"~1.2.1\",\n+ \"react\": \"~0.10.0\",\n+ \"reactify\": \"~0.13.1\",\n+ \"browserify\": \"~3.44.2\"\n+ },\n+ \"scripts\": {\n+ \"build\": \"browserify --debug --transform reactify index.js > bundle.js\"\n+ }\n+}\n","commit":{"subject":"Add basic CommonJS example with browserify","shortRevision":"93fed1a459","authoredAt":"2014-04-29T21:55:06+04:00","authorName":"Andrey Popp","revision":"93fed1a459c420275fce28ca26cd7d28202689a5","authorEmail":"8mayday@gmail.com"},"parents":["b9e215d169245f5dbb107312bcf599bf4f915ece"],"files":[{"path":"examples\/basic-commonjs\/README.md","status":"A"},{"path":"examples\/basic-commonjs\/index.html","status":"A"},{"path":"examples\/basic-commonjs\/index.js","status":"A"},{"path":"examples\/basic-commonjs\/package.json","status":"A"}],"body":""}</article></body></html>

{"patch":"diff --git a\/examples\/basic-commonjs\/README.md b\/examples\/basic-commonjs\/README.md\nnew file mode 100644\nindex 0000000000..bd9d2499fa\n--- \/dev\/null\n+++ b\/examples\/basic-commonjs\/README.md\n@@ -0,0 +1,7 @@\n+# Basic example of using React with Browserify\n+\n+Run `npm install` in the directory to install React from npm. Then run:\n+\n+ .\/node_modules\/.bin\/browserify --debug --transform reactify .\/index.js > .\/bundle.js\n+\n+to produce `bundle.js` with example code and React.\ndiff --git a\/examples\/basic-commonjs\/index.html b\/examples\/basic-commonjs\/index.html\nnew file mode 100644\nindex 0000000000..12cb51a375\n--- \/dev\/null\n+++ b\/examples\/basic-commonjs\/index.html\n@@ -0,0 +1,29 @@\n+\n+\n+ \n+ \n+ Basic CommonJS Example with Browserify<\/title>\n+ <link rel=\"stylesheet\" href=\"..\/shared\/css\/base.css\" \/>\n+ <\/head>\n+ <body>\n+ <h1>Basic CommonJS Example with Browserify<\/h1>\n+ <div id=\"container\">\n+ <p>\n+ To install React, follow the instructions on\n+ <a href=\"http:\/\/www.github.com\/facebook\/react\/\">GitHub<\/a>.\n+ <\/p>\n+ <p>\n+ If you can see this, React is not working right.\n+ If you checked out the source from GitHub make sure to run <code>grunt<\/code>.\n+ <\/p>\n+ <\/div>\n+ <h4>Example Details<\/h4>\n+ <p>This is written with JSX in a CommonJS module and precompiled to vanilla JS by running:<\/p>\n+ <pre>browserify --debug --transform reactify index.js > bundle.js<\/pre>\n+ <p>\n+ Learn more about React at\n+ <a href=\"http:\/\/facebook.github.io\/react\" target=\"_blank\">facebook.github.io\/react<\/a>.\n+ <\/p>\n+ <script src=\"bundle.js\"><\/script>\n+ <\/body>\n+<\/html>\ndiff --git a\/examples\/basic-commonjs\/index.js b\/examples\/basic-commonjs\/index.js\nnew file mode 100644\nindex 0000000000..9344c32cdd\n--- \/dev\/null\n+++ b\/examples\/basic-commonjs\/index.js\n@@ -0,0 +1,25 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+var React = require('react');\n+\n+var ExampleApplication = React.createClass({\n+ render: function() {\n+ var elapsed = Math.round(this.props.elapsed \/ 100);\n+ var seconds = elapsed \/ 10 + (elapsed % 10 ? '' : '.0' );\n+ var message =\n+ 'React has been successfully running for ' + seconds + ' seconds.';\n+\n+ return <p>{message}<\/p>;\n+ }\n+});\n+\n+var start = new Date().getTime();\n+\n+setInterval(function() {\n+ React.renderComponent(\n+ <ExampleApplication elapsed={new Date().getTime() - start} \/>,\n+ document.getElementById('container')\n+ );\n+}, 50);\ndiff --git a\/examples\/basic-commonjs\/package.json b\/examples\/basic-commonjs\/package.json\nnew file mode 100644\nindex 0000000000..d72927a431\n--- \/dev\/null\n+++ b\/examples\/basic-commonjs\/package.json\n@@ -0,0 +1,14 @@\n+{\n+ \"name\": \"react-basic-commonjs-example\",\n+ \"description\": \"Basic example of using React with CommonJS\",\n+ \"main\": \"index.js\",\n+ \"devDependencies\": {\n+ \"envify\": \"~1.2.1\",\n+ \"react\": \"~0.10.0\",\n+ \"reactify\": \"~0.13.1\",\n+ \"browserify\": \"~3.44.2\"\n+ },\n+ \"scripts\": {\n+ \"build\": \"browserify --debug --transform reactify index.js > bundle.js\"\n+ }\n+}\n","commit":{"subject":"Add basic CommonJS example with browserify","shortRevision":"93fed1a459","authoredAt":"2014-04-29T21:55:06+04:00","authorName":"Andrey Popp","revision":"93fed1a459c420275fce28ca26cd7d28202689a5","authorEmail":"8mayday@gmail.com"},"parents":["b9e215d169245f5dbb107312bcf599bf4f915ece"],"files":[{"path":"examples\/basic-commonjs\/README.md","status":"A"},{"path":"examples\/basic-commonjs\/index.html","status":"A"},{"path":"examples\/basic-commonjs\/index.js","status":"A"},{"path":"examples\/basic-commonjs\/package.json","status":"A"}],"body":""}</article></body></html>

dillon1000/react

Files changed