Discussion on: Avoiding large ternary operator statements in React

[Peter Vivo]

I do not prefered wrappers, so:

const Example = () => {
  const { data, status } = useQuery('users', fetchUsers)

  return (
    <Page>
      {status === Status.LOADING && <LoadingView />}
      {status === Status.SUCCESS && <SuccessView data={data} />}
      {status === Status.ERROR   && <ErrorView />}
    </Page>
  )
}

[Julien Dephix]

+1 it’s more readable and succinct

[Danilo Gačević]

I agree that this is a highly opinionated approach :)

[Fernando Ferrari]

That is my choice too!