1 min readMar 12, 2019
No one should write imperative render code like these in React. There is no need to use class components ever, you have Hooks now. Thus my whole component is reduced to:
const ItemList = ({items}) => (
<div classname="list-container">
{
items.length
? <ul>
{ items.map(item => <li key={item.id}>{item.name}</li>) }
</ul>
: <p>No items Found</p>
}
</div>
);