Componente
Una pieza de la interfaz (lo que el usuario ve y toca) que se reutiliza una y otra vez, como un botón, un campo de texto o una tarjeta. Tiene unas opciones, unos estados (por ejemplo, activo o deshabilitado) y un comportamiento definidos, y existe tanto en el código como en la herramienta de diseño, siempre igual en los dos sitios.
En una analogía · Es una pieza de LEGO: una unidad con forma y reglas de encaje definidas que combinas con otras para construir cualquier cosa.
Los componentes son los ladrillos con los que se construye un producto digital. En vez de dibujar un botón nuevo cada vez que hace falta, defines un único botón y lo reutilizas por todas partes. Si un día cambias ese botón, el cambio se propaga a todas las pantallas que lo usan.
Esto ahorra trabajo y, sobre todo, da coherencia: el usuario encuentra los mismos elementos comportándose igual en cada rincón del producto.
Lecturas de referencia
A seguir