🔀 Conditional Rendering in React — Show What Matters, When It Matters

✅ Basic if-else example:
function Greeting({ isLoggedIn }) {
return (
<h2>{isLoggedIn ? "Welcome back!" : "Please log in."}</h2>
);
}

✅ Using && for short conditions:
{isLoading && <p>Loading...</p>}

✅ Conditional blocks:
if (error) {
return <p>Error occurred!</p>;
}

📌 Tips:
• Use ternary operators for inline conditions
• Avoid clutter — keep logic readable
• Extract complex logic into separate functions/components

Conditional rendering gives your UI smart control based on real-time app state.