Conditional Rendering in React

function Notifications({ user, count }) {
  return (
    <div>
      {/* Ternary operator */}
      {user ? (
        <h1>Welcome, {user.name}!</h1>
      ) : (
        <h1>Please log in</h1>
      )}
      
      {/* Logical && operator */}
      {count > 0 && (
        <p>You have {count} new messages</p>
      )}
      
      {/* Logical || for defaults */}
      <p>Name: {user?.name || 'Guest'}</p>
      
      {/* Prevent rendering with null */}
      {count === 0 ? null : <span>({count})</span>}
    </div>
  )
}