How I Learned To Use HOC’s and Render Props

I scowled at the monitor, my eyes lit by backlight neon colours. I am supposed to be building a List component, but instead I was slumbered. Head in my arms, lost in thought…. and then I looked again at the code, and I saw daylight, for the first time in a long time. I saw daylight.

Click “Open Sandbox” to see the JS code

Higher-Order Components (HOC’s)

coolFunc("Foo")("Bar")
theFuncThatCoolFuncReturned("Bar")
import "./styles.css";
const List = () => {
const sites = [...];
return (
<div>
// Iterate through sites using map
</div>
);
};
export default List;
<Parent>
{({name}) => {
return <div>{name}</div>
}}
</Parent>

I am a human being.