What is conditional rendering in React?

Conditional rendering allows you to show different UI elements based on logic.

function Greeting({ isLoggedIn }) {
  return <h1>{isLoggedIn ? 'Welcome Back!' : 'Please Sign In'}</h1>;
}

Or use logical AND:

{
  isAdmin && <button>Delete User</button>;
}

✅ This approach keeps your UI declarative and predictable.