¿Qué es un componente de React?

Opciones

1. Un archivo CSS con estilos para las páginas de la app
2. Una pieza de UI reutilizable, normalmente una función que devuelve JSX (Opción correcta)
3. Una tabla de base de datos para guardar el estado de la UI
4. Una ruta de servidor que devuelve HTML para las páginas

Respuesta

Una pieza de UI reutilizable, normalmente una función que recibe props y devuelve JSX

Por qué

Las apps de React se construyen con componentes, como piezas de Lego: <Header />, <ProductCard />, <Button />.

Un componente es una función que devuelve JSX, una sintaxis parecida a HTML que describe qué mostrar. React la vuelve a llamar cuando cambian sus datos y actualiza la pantalla.

function Greeting({ name }) {
  return <h1>Hello, {name}!</h1>;
}

<Greeting name="Ana" />

Recuerda

Componente = función que devuelve UI.

Términos clave

• Componente
• React
• Props
• Estado (UI)
• JSX
• HTML