React Conditional Rendering

if (isLoggedIn) {
    return <Dashboard />;
}
return <Login />;

{isLoggedIn ? <Dashboard /> : <Login />} # ternary
{count > 0 ? <p>{count}</p> : <p>Zero</p>}

{isLoggedIn && <Dashboard />} # render if true
{error && <p>{error}</p>} # show error if exists

{name || "Guest"} # default value

const Component = () => {
    switch (status) {
        case 'loading': return <Loading />;
        case 'error': return <Error />;
        default: return <Content />;
    }
};