Conditional JSX with variables

It prevents unnecessary re-renders because React skips evaluating variables

It separates rendering decisions from JSX structure, making reconciliation behavior easier to reason about

It converts the component into a memoized render path automatically

It causes React to diff variables instead of JSX elements for better performance