React Dom Example

by Donald White

HTML

<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<div id="root"></div>

Babel + JSX

class DemoApplication extends React.Component {
	
  render() {
    return (
      <React.Fragment>
        <div id="banner-message">
          <iframe src="https://giphy.com/embed/PhKhSXofSAm3e"
            width="480"               
            height="191"
            frameBorder="0"
            allowFullScreen>
              
            </iframe>
        </div>
        <button onClick={this.handleClick.bind(this)}>
          Show Banner
        </button>
      </React.Fragment>;
    );
  }
}
body.append(banner);
body.append(button);

ReactDOM.render(<DemoApplication />,
  document.getElementById('root')
);