rep-movsd · April 3, 2020 11:31
diff --git a/index.html b/index.html
 <div id="app"></app>
diff --git a/react-at-codepen.markdown b/react-at-codepen.markdown
diff --git a/script.babel b/script.babel
 /*
 * A simple React component
 */
 class Application extends React.Component {
  render() {
    return <div>
      <h1>Hello, ES6 and React 0.13!</h1>
      <p>
        More info <a href="https://github.com/bradleyboy/codepen-react" target="_blank">here</a>.
      </p>
    </div>;
  }
 }

 /*
 * Render the above component into the div#app
 */
 React.render(<Application />, document.getElementById('app'));
diff --git a/scripts b/scripts
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0/react.min.js"></script>
diff --git a/style.sass b/style.sass
 html, body
  height: 100%
  
 body
  background: #333
  display: flex
  justify-content: center
  align-items: center
  font-family: Helvetica Neue
  
 h1
  font-size: 2em
  color: #eee
  display: inline-block

 a
  color: white
 p
  margin-top: 1em
  text-align: center
  color: #aaa
	/*
	* A simple React component
	*/
	class Application extends React.Component {
	render() {
	return <div>
	<h1>Hello, ES6 and React 0.13!</h1>
	<p>
	More info <a href="https://github.com/bradleyboy/codepen-react" target="_blank">here</a>.
	</p>
	</div>;
	}
	}

	/*
	* Render the above component into the div#app
	*/
	React.render(<Application />, document.getElementById('app'));
No results found