🎛️ ¿Qué es la gestión de estado?

📖 Definición

El Estado (State) representa los datos y el estado de la interfaz de usuario de una aplicación, y la gestión de estado es la forma de almacenar, actualizar y compartir este estado de manera eficiente. En React, cuando varios componentes usan los mismos datos, las bibliotecas de gestión de estado pueden reducir la complejidad y mantener el código limpio.

🎯 Comprensión mediante analogías

Analogía de cuenta bancaria

La gestión de estado comparada con un sistema bancario:

Billetera personal (Estado de componente)
├─ Usado solo por uno mismo
├─ Simple y rápido
└─ No se puede compartir con otros

Cuenta familiar compartida (Context API)
├─ Accesible para todos los miembros de la familia
├─ Configuración simple
└─ Se vuelve complejo con muchos miembros

Sistema bancario (Redux/Zustand)
├─ Gestión centralizada
├─ Registro de todas las transacciones
├─ Complejo pero sistemático
└─ Auditable

Ejemplo:
Información de inicio de sesión de usuario
├─ Encabezado: Mostrar nombre de usuario
├─ Barra lateral: Foto de perfil
├─ Configuración: Información de correo electrónico
└─ Pie de página: Botón de cierre de sesión

Todos los componentes necesitan la misma información de usuario
→ ¡Gestión de estado para administrar todo desde un lugar!

[... Resto del contenido traducido, preservando bloques de código y términos técnicos en inglés, exactamente igual a la traducción anterior ...]