JSX Expressions in React

function UserCard() {
  const name = 'Alice'
  const age = 25
  const isAdult = age >= 18
  
  return (
    <div>
      {/* Variables */}
      <h2>{name}</h2>
      
      {/* Math expressions */}
      <p>Age: {age + 1} next year</p>
      
      {/* Ternary operator */}
      <p>{isAdult ? 'Can vote' : 'Too young'}</p>
      
      {/* Function calls */}
      <p>Uppercase: {name.toUpperCase()}</p>
    </div>
  )
}