El manejo de estado en una aplicación es crítico, y desgraciadamente muchas
veces se hace de forma desordenada y sin mucha consistencia. Redux nos ofrece
un contenedor de estado que nos ayudará a manejar el estado de forma más
consistente y predecible.
Como referencia, Redux es una evolución de ideas presenadas por Flux de
Facebook.
En este curso veremos un ejemplo práctico paso a paso de como diseñar e implementar una aplicación usando React y Redux.
Tags: redux, react, react-redux
Este curso está dirigido a personas con conocimientos previos de programación y desarrollo web, que quieren aprender nuevas herramientas que les permitan desarrollar interfaces web de una manera más ágil, modular y sostenible en el tiempo.
Para poder llevar adelante este curso sin frustración, es recomendable los siguientes conocimientos previos:
- Manejo de línea de comandos (*nix) y git
- Javascript functional: es5, inmutabilidad, node y npm
- Desarrollo web standard: html y dom + css
- Deberías haber completado el curso react.
- A conectar componentes de
Reactcon un store deRedux - A crear un store de
Reduxy diseñar sus reductores (reducers) - A diseñar e implementar acciones y action creators
- A aplicar todos estos conceptos juntos en el contexto del desarrollo de una aplicación
Unidad 01: Conceptos básicos
En esta primera unidad revisaremos los 3 conceptos básicos de redux,
que articulan todo su funcionamiento:
- Una sóla fuente de verdad
- El estado es de "sólo-lectura"
- Los cambios de estado, se realizan a través de funciones puras
Unidad 02: Diseño y mockup
Una vez vistos los conceptos básicos, en esta unidad arrancamos con una implementación de ejemplo, paso a paso, empezando con el boceto visual/conceptual (storyboarding) y el set up necesario para trabajar con Redux y React.
Unidad 03: Store, state y connect
En esta unidad continuamos con el ejemplo guiado, pasando a ahora a diseñar el estado de nuestra aplicación, implementarlo con un store y conectarlo a nuestros componentes de React.
Unidad 04: Actions y reducers
Ahora que ya tenemos una descripción del estado de la aplicación, es hora de centrarnos en las acciones (actions) y reductores (reducers) que nos permitan expresar qué cambios pueden ocurrir y cómo se reflejan en el estado.
Unidad 05: Cierre
Por último recapitularemos todos los conceptos visitados, cuáles son las conclusiones y recomendaciones generales
- Mariano Crowe (autor)
- Lupo Montero (coordinador)
- Learn Redux from its creator:
- Part 1: Getting Started with Redux (30 free videos)
- Part 2: Building React Applications with Idiomatic Redux (27 free videos)
- You Might Not Need Redux