eggheadio-projects/leverage-new-features-of-react-16: Code Examples For React 16

<!doctype html>
<html>
  <head>
    <script src="https://unpkg.com/react@16.3.1/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>
  </head>

  <body>
    <div id="root"></div>
    <script type="text/jsx" src="script.jsx"></script>
  </body>
</html>

//import React, { Component } from 'react';
//import ReactDOM from 'react-dom';

class Foo {
  toString() {
    return 'foo'
  }
}
const foo = new Foo();

class App extends React.Component {
  render() {
    return (
      <div
        my-attribute="foo"
        // tabindex="-1"
        // tabIndex="-1"
        class="bar"
      // className={false}
      // className={NaN}
      // className={() => null}
      // className={Symbol('foo')}
      // className={{ foo: 'bar' }}
      // className={foo}
      // onclick="alert('Hi!')"
      >
        Hello!
      </div>
    );
  }
}

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