✅ Qué sí o sí tenés que saber

💡 CONCEPTO CLAVE

En React, describís la UI con funciones (componentes) que devuelven JSX.

✅ PARA EL DÍA A DÍA

  • Usás JSX para escribir cómo se ve la interfaz.
  • Cada componente React es una función que devuelve JSX.
  • Todo lo que quieras mostrar (texto, botones, imágenes, etc.) se escribe como JSX.
  • Solo puede haber un elemento padre en el return.

💼 PARA ENTREVISTAS TÉCNICAS

¿Qué es JSX?

“JSX es una extensión de JavaScript que permite describir interfaces de usuario como si fuera HTML, pero con toda la lógica de JS.”

¿Qué es un componente React?

“Es una función que devuelve JSX. Representa una parte de la interfaz.”

🧩 EJEMPLO carrito 

function ProductItem() {
  return (
    <div>
      <h2>Manzanah2>
      <p>$500p>
      <button>Agregar al carritobutton>
    div>
  );
}

🧠 FRASE PARA RECORDAR

Un componente React es una función que devuelve una parte de la UI usando JSX.