Saltar al contenido

Decidir cuándo conectar su componente a la tienda Redux

Acciones en movimiento para comprobar el componente

Empezaremos a pensar desde la capa inferior. ¿Y si conectamos el componente de control directamente a la tienda? Entonces, una vez que creemos el BotónComponente, no necesitaríamos modificar otros dos archivos innecesarios. Pero el enfoque es hacerlo robusto, en general. Esta no es una mala opción, pero disminuye la mantenibilidad general. Tener conexiones Redux en un punto es preferible, si es posible. Tener cada componente conectándose a Redux reducirá la adaptabilidad a largo plazo.

Moviendo Acciones a TodoItemComponente

En comparación con la opción anterior, esto es una mejora. Cada nuevo componente no necesita ser conectado a la tienda y TodoItemComponent puede actuar como intermediario. Aún así, requerirá un componente superior en la jerarquía para recuperar la lista de tareas de la tienda, lo que significa que otro componente tiene que estar conectado a la tienda. Por lo tanto, debemos hacer una lluvia de ideas adicional.

Decidir cuándo conectar su componente a la tienda Redux
Decidir cuándo conectar su componente a la tienda Redux

Acciones móviles y acceso a la tienda de TodoListComponent

Si simplemente movemos todas las conectividades de Redux a TodoListComponent, podría recuperar la lista de tareas, en lugar de obtenerla a través de ViewPageComponent, y sólo tendrá que eliminar una capa para las modificaciones al pasar las acciones al componente de la capa inferior. Esta parece ser la opción ideal, pero aún así requiere pasar las acciones de varias capas inferiores a los componentes de la capa inferior.

Método Híbrido: Segregación de las conectividades reducidas

Un método híbrido parece ideal para el escenario. Podríamos mover el acceso de la tienda a TodoListComponent mientras mantenemos las conectividades de acción en TodoItemComponent. Esto esencialmente crea dos lugares donde las conexiones Redux ocurren, pero mantiene la mantenibilidad general y hace fácil la escalada. Cambiemos el código general para reflejar este cambio.

El código completo está disponible en el repositorio de Github (como el código es un trabajo repetitivo, no se añade a la guía). Tómese el tiempo de leer el código para observar los beneficios obtenidos al pasar a nuestra arquitectura híbrida.