He heredado una base de código Angular que contiene todos los trucos y técnicas más recientes, y tengo problemas para entender algunas cosas clave. Normalmente, cuando heredo un código base en cualquier idioma, encuentro que puedo buscar los términos utilizados en un lugar para ver cómo se implementan en otros y gradualmente llegar a un entendimiento. Sin embargo, esto no parece funcionar con NgRx Actions. No entiendo el punto del código como
const LOAD = '[Trailer Info Specifics] Load All '; const load = createAction(LOAD); export const TrailerInfoActions= { load }Cuando busco en el código base "Trailer Info Specifics", solo aparece en este archivo. Entonces, ¿cuál es el punto del nombre de la acción? ¿Qué digiere esta información y actúa sobre ella? He intentado ver videos sobre reductores angulares/acciones/efectos/fachadas y se me nublan los ojos. Nada de esto tiene sentido. Vengo del mundo de la programación imperativa, así que entiendo que hay una curva de aprendizaje, pero esto es muy confuso y ninguno de los tutoriales que he encontrado son buenos. Espero que alguien pueda indicarme la dirección correcta.
El type es lo único que se requiere para crear y enviar ( store.dispatch ) una acción. Según el tipo, los reductores y los efectos saben qué hacer. Reciben todas las acciones enviadas y filtran según este tipo (por eso es importante mantener los tipos de acción únicos).
Se recomienda seguir el patrón de "buena acción higiénica" al declarar tipos. La plantilla de un tipo es [Source] Event , esto hace que sea más fácil depurar/conocer la aplicación porque puede ver dónde se envía la acción.
La razón por la que no puede encontrar más referencias de este tipo es porque no queremos cadenas mágicas en una aplicación (estas son frágiles). En su lugar, puede buscar TrailerInfoActions.load para saber dónde se envía la acción y qué reductores/efectos hacen algo con ella. (El tipo es una propiedad estática en el creador de la acción, que se usa para filtrar acciones en reductores/efectos).