La gestión del estado se refiere a la gestión del estado de uno o más controles de la interfaz de usuario , como campos de texto , botones OK, botones de opción , etc. en una interfaz gráfica de usuario. En esta técnica de programación de la interfaz de usuario, el estado de un control de la interfaz de usuario depende del estado de otros controles de la interfaz de usuario. Por ejemplo, un control de IU administrado por el estado, como un botón, estará en estado habilitado cuando los campos de entrada tengan valores de entrada válidos y el botón estará en estado deshabilitado cuando los campos de entrada estén vacíos o tengan valores no válidos. A medida que las aplicaciones crecen, esto puede terminar convirtiéndose en uno de los problemas más complejos en el desarrollo de interfaces de usuario. [1]
Este es especialmente el caso cuando el estado de cualquier mensaje o formulario en particular en la página depende de factores fuera de la página actual o disponible en varias páginas. Por ejemplo, considere un usuario que ha iniciado sesión y ve el mensaje de "bienvenida" en su primera visita a cualquier página, pero no en las visitas posteriores. ¿Cada página gestiona el estado del usuario que está conectado? Eso crearía demasiada copia pegada y duplicación de código. En su lugar, puede usar un patrón de administración de estado para manejar mensajes (esto también puede incluir el manejo de mensajes de error y mensajes informativos, junto con el mensaje de bienvenida descrito) y luego llamar a esto para recibir un mensaje cuando esté disponible.
Los ejemplos de bibliotecas de administración de estado incluyen Vuex como una biblioteca de administración de estado para el marco de JavaScript de Vue.js. El marco Angular incluye su propia biblioteca que usa Observables llamada RxJS y Redux es una biblioteca de administración de estado de propósito general que se puede usar con cualquiera de los marcos anteriores u otras bibliotecas de vista, pero se usa muy comúnmente con la biblioteca React . Como alude la documentación en Redux, muchas de estas bibliotecas de administración de estado son livianas y pueden reemplazarse entre sí. [2] También es posible crear el tuyo propio basado en un algoritmo pub-sub donde los componentes de tu interfaz (como campos de formulario, botones y mensajes) escuchan un almacén de datos centralizado en tu aplicación para detectar nuevos cambios.
Ver también
Referencias
- ^ "Motivación · Redux" . redux.js.org . Consultado el 23 de julio de 2019 .
- ^ "Estado de la técnica · Redux" . redux.js.org . Consultado el 23 de julio de 2019 .