Una aplicación de React se construye a partir de componentes. Un componente es una parte reutilizable de la interfaz de usuario que controla lo que aparece en la pantalla. En lugar de construir toda una página como un solo bloque grande, React recomienda dividir la interfaz en partes más pequeñas. Cada parte es responsable de una sección específica de la interfaz, como un encabezado, un botón o un mensaje.

En React, los componentes se escriben utilizando JavaScript y se definen como funciones. Cada componente devuelve una descripción de lo que debe aparecer en la pantalla, y React se encarga de mostrarlo.

Los componentes facilitan la comprensión y el mantenimiento de las interfaces. Cuando la interfaz crece, los componentes ayudan a organizar el código, reutilizar la lógica y evitar la repetición. A continuación se muestra un ejemplo sencillo de un componente de React:

function Welcome() {
  return <h1>Welcome to React</h1>;
}

Este es un componente de React llamado Welcome. Devuelve un elemento de interfaz de usuario que React puede renderizar en la pantalla. No es necesario comprender la sintaxis todavía. Este ejemplo está aquí para mostrar cómo se ve un componente a nivel general.