Optional object dangers

bad.js

{
  If(this.props.person) (
    <Text>Hello, {this.props.person.name}</Text> // This still gets unsafely evaluated!
  )
}

good.js

{
  If(this.props.person) (() => (
    <Text>Hello, {this.props.person.name}</Text> // Evaluated only when condition passes!
  ))
}

if.js

function If (condition) {
  return (componentOrFn) {
    if (condition) {
      if (typeof condition === 'function') return componentOrFn()
      return componentOrFn;
    }
  }
}