Yo uso Redux. Cada vez que tengo que usar parte del código:
const dispatch = useDispatch()Y luego llamar a la función como:
dispatch(endpointError(true))Lo que quiero lograr es tener un lugar y luego exportar más llamar a la función adecuada. Solo manténgalo en un lugar como:
const errorFunctions = () => { const dispatch = useDispatch() setEndpointError = () => dispatch(endpointError(true)) } export const { setEndpointError } = errorFunctions Y luego solo use setEndpointError() cuando lo necesite. Se ve sexy, creo. Por ejemplo, cuando necesitaría mantener todo su código más corto, es una ventaja, como en el manejo de errores, creo que sí.
Pero allí no es legal y lamentablemente no podemos hacerlo. Desarrolladores que ves, ¿podemos escribirlo y hacerlo funcionar?
Mi idea es que tiene 20 pantallas diferentes, en todas partes sería similar el manejo de errores y sería bueno no escribir en todos los lugares const dispatch = useDispatch()
¿Qué opinas de los desarrolladores? Buscando mejoras :)
Puedes crear un gancho personalizado para esto:
export const useErrors = () => { const dispatch = useDispatch() return { setEndpointError: () => dispatch(endpointError(true)), setOtherError: () => dispatch(otherError()) } }Entonces lo usas así:
const { setEndpointError, setOtherError } = useErrors() setEndpointError()