React npm
React + babel
Install following using npm
npm init npm install react react-dom babel-standalone
Basic Example
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Hello World!</title> <script src="./node_modules/react/dist/react.min.js"></script> <script src="./node_modules/react-dom/dist/react-dom.min.js"></script> <script src="./node_modules/babel-standalone/babel.min.js"></script> </head> <body> <div id="content"></div> <script type="text/babel" src="js/index.js"> </script> </body> </html>
js/index.js
var SeparateJSX = React.createClass({ render: function() { return ( <h2>JSX on Separated File!</h2> ); } }); ReactDOM.render( <SeparateJSX />, document.getElementById('content') );