Discussion on: React Clean Code - Simple ways to write better and cleaner code

[Gary Storey]

For those looking for a short simple solution to conditional rendering:

const Show = ({when=false, children}) = when ? <>{children}</> : null

and usage in your component:

const [show, setShow] = useState(false);
<Show when={show}>
Hello!
</Show>

It uses a Fragment as a wrapper in case the user does not have a single parent element in children