React

by brigand

HTML

<div id="app"></div>

CSS

body {
  background: white;
  padding: 20px;
  font-family: Helvetica;
}

h1 {
  font-size: 2.2em;
}

React

const h = React.createElement;

class TodoApp extends React.Component {  
  render() {
    return h('div', null,
    	h('h1', { style: { color: 'hotpink' } },
      	'Hello, world',
      ),
      Array.from({ length: 10 }, (_, i) => h('p', { key: i },
	      'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa eligendi doloremque, deserunt, aspernatur aperiam suscipit corporis nisi, earum vitae dolor mollitia molestiae atque recusandae voluptates eum porro ab officia, facere.'
      ))
    )
  }
}

ReactDOM.render(<TodoApp />, document.querySelector("#app"))