No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Patr贸n FLUX

3/19
Recursos

Aportes 3

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Podemos realizar mutaciones de estado por medio de eventos.

Flux consta de 3 partes fundamentales:

  • Estado: Datos estructurados que a煤n no saben c贸mo preprararse para mostrarse al usuario.
  • Vista: Luego el estado lo presentamos en la vista, esta se encarga de mostrar el estado de alguna u otra manera. El estado mantiene los datos puros.
  • Acciones: Son todos los eventos que surgen desde el usuario, el sistema. 脡stas se encargan por ejemplo de hacer una llamada a un API. Las acciones pueden ser as铆ncronas o sincronas.

La mutaci贸n no es m谩s que tomar el estado original, y modificarlo.

Patr贸n FLUX
.
El manejo de estado en Vuex con Vue.js se basa en el patr贸n Flux, donde el estado de la aplicaci贸n se almacena en un store centralizado (donde se guarda el estado de la aplicaci贸n y las l贸gicas de actualizaci贸n del estado). Vuex proporciona un flujo unidireccional de datos, lo que significa que la vista no puede modificar directamente el estado de la aplicaci贸n, sino que debe enviar una acci贸n al store.
.
El store de Vuex est谩 compuesto por cuatro elementos principales:

  • El estado 鈫 Donde se almacena el estado de la aplicaci贸n.
  • Las mutaciones 鈫 Son las 煤nicas funciones que pueden modificar el estado, y son funciones s铆ncronas que reciben el estado actual y una carga 煤til (payload) y actualizan el estado en consecuencia.
  • Las acciones 鈫 Son funciones que pueden realizar operaciones as铆ncronas antes de llamar a una mutaci贸n para actualizar el estado.
  • Los getters 鈫 Son funciones que se utilizan para acceder al estado y realizar transformaciones en los datos almacenados en 茅l.
    .

Vuex tambi茅n proporciona una forma de modularizar el store, lo que significa que se pueden dividir las caracter铆sticas en m贸dulos separados y cada m贸dulo tiene su propio estado, mutaciones, acciones y getters.
.
El manejo de estado en Vuex con Vue.js facilita el desarrollo de aplicaciones escalables y mantenibles. Al utilizar un store centralizado, se puede evitar la duplicaci贸n de datos y garantizar la coherencia del estado en toda la aplicaci贸n. Adem谩s, el patr贸n Flux proporciona un flujo unidireccional de datos que hace que el estado sea predecible y f谩cil de depurar.

Redux pero con otro nombre