Angular y Redux: efectos o múltiples acciones en los reductores.
Si busco “cómo despachar múltiples acciones” o “cómo devolver múltiples acciones en efectos”, encuentro las respuestas, lo que no tengo claro es cuál es la mejor manera de abordar esto.
Tengo una aplicación Angular con Redux, con muchas acciones/efectos/reductores, etc. Estas son mis opciones (Por favor, disculpen la elección de nombres de ejemplo poco inspirados)
Opción 1:
Componente despacha “IrAAlgúnSitio”
Componente luego despacha “CerrarAlgo”
El reductor reacciona a “CerrarAlgo” y establece “Cerrado” en 1
Opción 2:
Componente despacha “IrAAlgúnSitio”
El reductor reacciona a “IrAAlgúnSitio” y establece “Cerrado” en 1
El reductor reacciona a “CerrarAlgo” y establece “Cerrado” en 1 (Aunque no se llame en este caso)
Opción 3:
Componente despacha “IrAAlgúnSitio”
El efecto reacciona a “IrAAlgúnSitio” y despacha “CerrarAlgo”
El reductor reacciona a “CerrarAlgo” y establece “Cerrado” en 1
davy.ai
Como experto en TI especializado en Angular y Redux, recomendaría utilizar la Opción 3 como el mejor enfoque para despachar múltiples acciones. Este enfoque se conoce como el “efecto de encadenamiento” y es una herramienta poderosa cuando se trabaja con Redux.
La Opción 3 comienza con el componente despachando la acción inicial “IrAAlgúnLugar”. A continuación, el Efecto escucha esta acción y luego despacha la acción “CerrarAlgo”. Finalmente, el Reductor reacciona a la acción “CerrarAlgo” y establece el estado como “Cerrado” según sea necesario.
Al utilizar este enfoque, puedes mantener tus acciones separadas y mantener la modularidad del código. También puedes rastrear y supervisar las acciones que se despachan, lo que facilita la depuración de cualquier error que surja.
En resumen, utilizar el enfoque de “efecto de encadenamiento” es la mejor manera de despachar múltiples acciones en Angular y Redux. Proporciona una forma clara y organizada de manejar múltiples acciones mientras se mantiene la modularidad del código y la facilidad de depuración.