Curso de Redux

Primeros conceptos sobre Redux, de necesario conocimiento para afrontar nuestra clase práctica.

Comenzamos la práctica realizando la Inicialización de la interfaz gráfica. Es decir, dado un array de tareas, lo usaremos para renderizar las tareas a presentar en la página.

Carga de la librería Redux. Comenzamos con la inclusión de un script que viene de un CDN, aunque más tarde en el curso mostraremos cómo usar esto con un flujo de trabajo más avanzado, en el que usaremos transpiladores y podremos usar programación Javascript por módulos y con dependencias npm.

Mostramos las características de las developer extensions de Redux, una extensión del navegador que nos permite debugear de una manera espectacular nuestras aplicaciones Redux.

Cualquier manipulación del estado de la aplicación se tiene que generar a partir de un action. El action se dispara y se atenderá por un reducer. En este vídeo vemos cómo leer la nueva tarea y mandar el action para que sea atendido más tarde y procesado por el reducer.

En este vídeo vemos cómo se implementa un reducer en Redux. En este caso hacemos la función del reducer, que de momento será capaz de entender la acción de generar un action. El reducer se encargará de procesar el action y generar un nuevo estado para la aplicación.

Redux como librería también nos permite usar métodos de suscripción a los cambios del store. En este caso, cuando cambia algo en el store realizamos el renderizado de nuevo de nuestra interfaz para mostrarlos en la aplicación.

En este bloque veremos algunas conclusiones interesantes sobre esta clase, con un conjunto de preguntas y una descripción de lo que se verá a continuación en el curso.

Implementando actions y Redux con entorno WebPack

Llamadas API e integración en nuestra arquitectura de datos con Redux

Effects con Redux y buenas prácticas que hay que tener.