React npm

Posted by On 12月 30, 2016 0 Comment

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')
);

TOPICS