Abordar los errores en una aplicación web moderna no es un problema trivial. Con múltiples partes móviles complejas dentro de la misma aplicación, los errores pueden ocurrir desde varias fuentes.

De estos, los errores que ocurren en respuesta a una entrada del usuario son críticos. Para una experiencia de usuario adecuada, los errores deben propagarse al usuario final de una manera amigable para los humanos sin dañar toda la aplicación.

En una aplicación normal de React y Redux, manejar errores podría parecer una tarea tediosa al principio dada la complejidad adicional de las acciones y reductores de Redux. Sin embargo, utilizando las mismas propiedades de Redux, es posible crear un mecanismo centralizado de manejo de errores.

En esta guía, exploramos la idea de tener una ubicación central para manejar los errores generados por la API y al mismo tiempo minimizar el retrabajo. Luego ampliamos el enfoque para manejar errores desencadenados manualmente para presentar un sistema de errores completo.