Rajesh Naroth
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>
);

--

--

Rajesh Naroth
Rajesh Naroth

Written by Rajesh Naroth

Frontend Architect, San Jose, CA

No responses yet