React Ramda Flatten

An example of flattening a list of users using Ramda's flatten method in React JS.

by Brett Hayes

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>
<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="app"></div>

Babel + JSX

const Users = () => {
	const users = ['Steve Jobs', ['Steve Wozniak']];
  const flatUsers = R.flatten(users);
	
  return flatUsers.map(u => <li>{u}</li>);
};

ReactDOM.render(
	<Users />,
	document.getElementById('app')
);