jueves, 19 de junio de 2025

React no trae componentes preconstruidos

 


React por sí mismo no trae componentes preconstruidos en el sentido de botones, campos de texto, barras de navegación o diálogos con un diseño visual y una funcionalidad completa.


¿Qué sí trae React?

React es una librería para construir interfaces de usuario (UI). Su propósito principal es permitirte crear tus propios componentes reutilizables a partir de piezas más pequeñas, y gestionar cómo esos componentes cambian con el tiempo (el "estado" de tu aplicación).

Lo que React te da son las herramientas y el paradigma para crear componentes, como:

  • Sintaxis JSX: Para escribir código que parece HTML dentro de JavaScript.
  • Componentes funcionales y de clase: Las formas de definir tus piezas de UI.
  • Hooks (como useState, useEffect): Para añadir estado y lógica a tus componentes funcionales.
  • Virtual DOM: Un mecanismo eficiente para actualizar la UI.
  • Ciclo de vida de componentes: Métodos para controlar el comportamiento de los componentes en diferentes etapas de su existencia.

¿De dónde vienen los componentes preconstruidos entonces?

Los componentes "preconstruidos" a los que se refiere el título son proporcionados por librerías de componentes UI de terceros. Estas librerías se construyen sobre React para darte una colección de elementos de interfaz de usuario listos para usar y con un diseño ya definido.

Algunos ejemplos muy populares de estas librerías son:

  • Material UI (MUI): Basada en Material Design de Google. Ofrece una amplia gama de componentes estilizados.
  • Ant Design: Otra librería muy completa con un sistema de diseño elegante y muchos componentes empresariales.
  • Chakra UI: Enfocada en la accesibilidad y la personalización, con un sistema de diseño modular.
  • Bootstrap React (react-bootstrap): Implementaciones de los componentes de Bootstrap para React.

Estas librerías te ahorran la necesidad de diseñar y codificar cada botón, campo de texto o tarjeta desde cero, permitiéndote enfocarte más en la lógica de negocio de tu aplicación.

En resumen, piensa en React como el lenguaje y las reglas de construcción de Lego, y las librerías como kits de Lego ya armados (un coche, una casa) que puedes usar directamente o modificar a tu gusto.

No hay comentarios: