Curso de Testing unidirectional dataflow con Vuex y Jest

En el curso básico de VueJS vimos como crear una app sencilla con una jerarquía de componentes simple, en la que la comunicación de estado entre eventos se limitaba a pasar callbacks de padres a hijos siguiendo el patrón container-presenter.

Pero en la vida real, lo normal es que las aplicaciones crezcan y el árbol de componentes se empiece a complicar. Llegará un momento en el que uno o varios componentes necesiten utilizar los datos generados por algún componente alejado en la jerarquía y si tratamos de resolverlo con el paso de eventos desde hijos a padres acabaremos con una aplicación muy difícil de razonar y mantener.

Aquí es donde entra en juego la figura del store centralizado y Vuex, que nos va a aportar las siguientes ventajas:

• Simplifica el razonamiento sobre el comportamiento de la aplicación, puesto que desacoplamos la lógica de pintado de la lógica de cambio de estado.
• Facilita el trabajo en paralelo, ya que para desarrollar una nueva feature, nos vale con definir un contrato a través del store, y podemos avanzar sin necesidad de conocer en detalle la implementación de las otras features que cambian dicho store.
• Permite compartir el estado entre rutas
• Permite sincronizar los datos del router para acceder a parámetros de una ruta y testear mejor
• Nos da gratis herramientas de logging, time-travelling y debugging
• Puede ayudar en el caso de aplicación que requieran trabajo offline

Con este curso se te quitará el miedo a aplicar arquitectura unidireccional en tus proyectos, sin olvidarnos del testing de todas sus piezas.

Aquí el resumen del curso para que te hagas una idea de la calidad y del contenido 😬

Y por último, también tienes disponible el vídeo donde explicamos qué aporta un store centralizado como Vuex que hicimos en streaming con motivo de la publicación de este curso: