When working with Redux, I often find myself repeatedly using the same piece of code:
const dispatch = useDispatch()
Then, every time I need to call a function, I do something like this:
dispatch(endpointError(true))
My goal is to streamline this process by centralizing the code and exporting the functions for easy access. My vision is to define and call the necessary function from one place, like so:
const errorFunctions = () => {
const dispatch = useDispatch()
setEndpointError = () => dispatch(endpointError(true))
}
export const { setEndpointError } = errorFunctions
With this setup, I can simply use setEndpointError() whenever I need it, making the code more concise and elegant.
Unfortunately, this approach is not currently allowed, but as developers, can we find a way to make it work?
Imagine having multiple screens where similar error handling is required - it would be very beneficial to avoid repeating const dispatch = useDispatch() in every instance.
I'm open to suggestions for improvement :)