Actualmente estoy trabajando en un proyecto que se está complicando bastante. Utiliza Angular y ngrx para administrar el cambio de estado. Un problema común que tengo es trabajar con un efecto o estado en particular y necesitaba saber dónde se envió la acción relacionada. A veces, esto es sencillo, ya que solo hay una línea de código que envía la acción y, a veces, es complicado porque hay varias. También es difícil entender qué sucede como consecuencia de las acciones, ya que podría causar que los componentes cambien y los efectos se disparen (que envíen más acciones).
Conozco Redux Devtools pero esto no es suficiente ya que solo nos dice el orden de las acciones y los cambios de estado. Los puntos de interrupción no son suficientes, ya que un punto de interrupción en los efectos, el reductor o el componente no tiene un seguimiento de pila que incluya dónde se envió la acción.
¿Qué recomiendas? ¡Cualquier ayuda es apreciada!
Recomendamos que la acción tenga una fuente y el evento como type , [Source] Event , por ejemplo, [Customers Page] Loaded . Esto es lo que llamamos buena higiene de la acción, porque está claro hacia dónde se despacha la acción. Para obtener más información, consulte la regla de higiene de buena acción del complemento NgRx ESLint.
Encontré Redux DevTools muy cómodo, que está incorporado en Chrome. Gracias a él puedes reconstruir todos los pasos que se dan entre acciones y efectos.