<!DOCTYPE html>
<html>

  <head>
    <script data-require="react-with-addons@0.12.2" data-semver="0.12.2" src="http://fb.me/react-with-addons-0.12.2.js"></script>
    <script data-require="ramda@*" data-semver="0.17.1" src="https://cdn.rawgit.com/ramda/ramda/master/dist/ramda.js"></script>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div id="app"></div>
    <script src="script.js"></script>
  </body>

</html>
const mapLi = R.map(x => <li>{x}</li>)
const Numbers = (numbers) => (
  <ul>{mapLi(numbers)}</ul>
)
const Container = children => (
  <div className="container">
    <h1>Numbers are</h1>
    {children}
  </div>
)
const App = R.compose(Container, Numbers, R.prop('numbers'))
App.render = R.curry((node, props) => React.render(<App {...props}/>, node));
const render = App.render(document.getElementById('app'));

let appState = {
  numbers: [3, 1, 8]
};
render(appState);
/* Styles go here */