Si encuentras alguna parte que no entiendes puedes comentarlo y trataremos de ayudarte tan rápido como podamos.
Solución:
- ¿Alguien puede explicar claramente cómo ocurre el flujo de control en redux?
Redux tiene (siempre) una sola tienda.
-
Cada vez que desee reemplazar el estado en la tienda, envíe una acción.
-
La acción es atrapada por uno o más reductores.
-
Los reductores crean un nuevo estado que combina el estado anterior y la acción enviada.
-
Se notifica a los suscriptores de la tienda que hay un nuevo estado.
- ¿Cuáles son los roles de los componentes/contenedores/acciones/creadores de acciones/tienda en redux?
-
Store: mantiene el estado y, cuando llega una nueva acción, ejecuta la canalización de dispatch -> middleware -> reducers y notifica a los suscriptores cuando el estado se reemplaza por uno nuevo.
-
Componentes: partes de vista tonta que no conocen el estado directamente. También conocidos como componentes de presentación.
-
Contenedores: partes de la vista que conocen el estado mediante react-redux. También conocidos como componentes inteligentes y componentes de orden superior.
Tenga en cuenta que los contenedores/componentes inteligentes frente a los componentes tontos son solo una buena manera de estructurar su aplicación.
-
Acciones, igual que flux, patrón de comando con tipo y carga útil.
-
Creadores de acciones: forma SECA de crear acciones (no es estrictamente necesario)
- ¿Diferencia entre redux/react-redux/redux-thunk/cualquier otro?
-
redux: flujo similar al flujo con una sola tienda, que se puede usar en cualquier entorno que desee, incluidos vanilla js, react, angular 1/2, etc.
-
react-redux: enlaces entre redux y react, que crean contenedores (componentes inteligentes) que escuchan los cambios de estado de la tienda, preparan los accesorios y vuelven a representar los componentes de presentación (tontos).
-
redux-thunk: middleware que le permite escribir creadores de acciones que devuelven una función en lugar de una acción. El thunk puede usarse para retrasar el envío de una acción, o para enviar solo si se cumple una determinada condición. Se utiliza principalmente para llamadas asíncronas a API, que envían otra acción en caso de éxito/fallo.
- Sería muy útil si puede publicar enlaces a tutoriales de redux simples y precisos.
-
Documentos oficiales de Redux
-
Primeros pasos con Redux
-
Creación de aplicaciones React con Idiomatic Redux
-
Componentes de presentación y contenedor
Para responder a su pregunta de título:
¿Cuáles son las diferencias entre redux, react-redux, redux-thunk?
- redux: biblioteca principal (independiente de React)
- redux-thunk: un middleware redux que te ayuda con acciones asíncronas
- react-redux: conecta tu tienda redux con ReactComponents
- redux: Biblioteca para administrar el estado de la aplicación.
- react-redux: Biblioteca para administrar Reaccionar estado de la aplicación (redux).
- redux-thunk: un middleware para registro, informes de fallas, comunicación con una API asíncrona, enrutamiento, etc.
valoraciones y reseñas
No se te olvide compartir este escrito si lograste el éxito.