Redux es un contenedor de estado predecible para aplicaciones JavaScript basado en el patrón de diseño Flux.
Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. Cerrado el año pasado . Bloqueado . Esta pregunta y sus respuestas están bloqueadas porque la pregunta está fuera de tema pero tiene un significado histórico....
Tengo una acción que actualiza el estado de notificación de mi aplicación. Por lo general, esta notificación será un error o información de algún tipo. Necesito luego enviar otra acción después de 5 segundos que devolverá el estado de notificación al inicial, por lo que no hay notificación. La...
Según los documentos, "Sin middleware, la tienda Redux solo admite el flujo de datos síncrono" . No entiendo por qué este es el caso. ¿Por qué el componente contenedor no puede llamar a la API asíncrona y luego a dispatchlas acciones? Por ejemplo, imagine una interfaz de usuario simple: un campo y...
Se habla mucho sobre el último niño en la ciudad de redux en este momento, redux-saga / redux-saga . Utiliza funciones generadoras para escuchar / despachar acciones. Antes de comprenderlo, me gustaría saber las ventajas y desventajas de usar en redux-sagalugar del siguiente enfoque donde estoy...
Estoy usando Redux para la gestión del estado. ¿Cómo restablezco la tienda a su estado inicial? Por ejemplo, supongamos que tengo dos cuentas de usuario ( u1y u2). Imagine la siguiente secuencia de eventos: El usuario u1inicia sesión en la aplicación y hace algo, por lo que almacenamos algunos...
Estaba leyendo la documentación de la biblioteca Redux y tiene este ejemplo: Además de leer el estado, los componentes del contenedor pueden enviar acciones. De manera similar, puede definir una función llamada mapDispatchToProps()que recibe el dispatch()método y devuelve los accesorios de...
Digamos que tengo lo siguiente: export const SOME_ACTION = 'SOME_ACTION'; export function someAction() { return { type: SOME_ACTION, } } Y en ese creador de acciones, quiero acceder al estado de la tienda global (todos los reductores). ¿Es mejor hacer esto? import store from...
Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado el año pasado ....
Estoy creando una aplicación que necesita mostrar un diálogo de confirmación en algunas situaciones. Digamos que quiero eliminar algo, luego enviaré una acción como deleteSomething(id)para que algún reductor capture ese evento y llene el reductor de diálogo para mostrarlo. Mi duda surge cuando se...
Estoy aprendiendo Redux con React y me topé con este código. No estoy seguro de si es específico de Redux o no, pero he visto el siguiente fragmento de código en uno de los ejemplos. @connect((state) => { return { key: state.a.b }; }) Si bien la funcionalidad de connectes bastante sencilla,...
Como nota: he leído los documentos de Redux (Baobab, también), y he hecho una buena cantidad de Google y pruebas. ¿Por qué se sugiere que una aplicación Redux tenga solo una tienda? Entiendo las ventajas y desventajas de una configuración de tienda única frente a una configuración de tienda...
Estoy tratando de entender el método de conexión de react-redux y las funciones que toma como parámetros. En particular mapStateToProps(). Según tengo entendido, el valor de retorno de mapStateToPropsserá un objeto derivado del estado (como vive en la tienda), cuyas claves se pasarán a su...
Después de pasar un tiempo aprendiendo React, entiendo la diferencia entre los dos paradigmas principales de crear componentes. Mi pregunta es cuándo debo usar cuál y por qué. ¿Cuáles son los beneficios / compensaciones de uno sobre el otro? Clases de ES6: import React, { Component } from...
La POSTsolicitud de axios está llegando a la url en el controlador pero estableciendo valores nulos para mi clase POJO, cuando reviso las herramientas de desarrollador en Chrome, la carga útil contiene datos. ¿Qué estoy haciendo mal? Solicitud POST de Axios: var body = { userName: 'Fred',...
¿Es posible despachar una acción en un reductor? Tengo una barra de progreso y un elemento de audio. El objetivo es actualizar la barra de progreso cuando el tiempo se actualiza en el elemento de audio. Pero no sé dónde colocar el controlador de eventos ontimeupdate, ni cómo enviar una acción en la...
@connectfunciona muy bien cuando intento acceder a la tienda dentro de un componente de reacción. Pero, ¿cómo debo acceder a él en algún otro bit de código? Por ejemplo: digamos que quiero usar un token de autorización para crear mi instancia de axios que pueda usarse globalmente en mi aplicación,...
Voy a migrar a Redux. Mi aplicación consta de muchas partes (páginas, componentes), por lo que quiero crear muchos reductores. Los ejemplos de Redux muestran que debería usar combineReducers()para generar un reductor. Además, según tengo entendido, la aplicación Redux debe tener una tienda y se...
Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 2 años .
Quiero persistir algunas partes de mi árbol de estado en localStorage. ¿Cuál es el lugar apropiado para hacerlo? ¿Reductor o
¿Existe un enfoque sistemático para depurar lo que está causando que un componente se vuelva a procesar en React? Puse un simple console.log () para ver cuántas veces se procesa, pero tengo problemas para descubrir qué está causando que el componente se procese varias veces, es decir (4 veces) en...