Skip to content

Instantly share code, notes, and snippets.

@coloredlambda

coloredlambda/index.html

Created August 24, 2017 11:11
Show Gist options
  • Save coloredlambda/4e048596cfee665ec6a788503caa0d67 to your computer and use it in GitHub Desktop.
Save coloredlambda/4e048596cfee665ec6a788503caa0d67 to your computer and use it in GitHub Desktop.
Download ZIP
Stateless Functional Components
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>React Example</title>
</head>
<body>
<div id='react-container'></div>
<script src='https://unpkg.com/react@15.4.2/dist/react.js' type="text/javascript"></script>
<script src='https://unpkg.com/react-dom@15.4.2/dist/react-dom.js' type="text/javascript"></script>
<script>
const provisions = ['Gari', 'Shito', 'Rice', 'Groundnuts'];
const createProvisions = props =>
React.createElement('ul', {className : 'provisions'},
props.provisions.map((provision, i) => React.createElement('li', {className : i}, provision))
)
const provisionsComponent = React.createElement(createProvisions, {provisions}, null);
ReactDOM.render(provisionsComponent, document.getElementById('react-container'));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment