Saltar al contenido

¿Cuáles son las diferencias entre redux, react-redux, redux-thunk?

Si encuentras alguna parte que no entiendes puedes comentarlo y trataremos de ayudarte tan rápido como podamos.

Solución:

  1. ¿Alguien puede explicar claramente cómo ocurre el flujo de control en redux?

Redux tiene (siempre) una sola tienda.

  1. Cada vez que desee reemplazar el estado en la tienda, envíe una acción.

  2. La acción es atrapada por uno o más reductores.

  3. Los reductores crean un nuevo estado que combina el estado anterior y la acción enviada.

  4. Se notifica a los suscriptores de la tienda que hay un nuevo estado.

  1. ¿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)

  1. ¿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.

  1. 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?

  1. redux: biblioteca principal (independiente de React)
  2. redux-thunk: un middleware redux que te ayuda con acciones asíncronas
  3. 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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *