Este es un ejemplo de la página de la aplicación Google Adsense. La pantalla de carga mostrada antes de la página principal mostrada después. No sé cómo hacer lo mismo con React porque si hago que la pantalla de carga sea procesada por el componente React, no se muestra mientras se carga la...
Estoy usando Redux En mi reductor estoy tratando de eliminar una propiedad de un objeto como este: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } Y quiero tener algo como esto sin tener que mutar el estado original: const newState = { a: '1', b: '2', c: { x: '42', }, } Lo...
Código completo aquí: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Hola, Tengo una aplicación donde muestra diferentes plantillas para escritorio y dispositivos móviles en función del entorno de compilación. Puedo desarrollarlo con éxito donde necesito ocultar el menú de navegación de mi...
¿Cómo agrego elementos en mi matriz arr[]de estado redux en reductor? Yo estoy haciendo esto- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) {...
¿Cuál es la diferencia entre componente y contenedor en react
En lugar de escribir mis componentes dentro de una clase, me gustaría usar la sintaxis de la función. ¿Cómo puedo reemplazar componentDidMount, componentWillMountdentro de los componentes de la función? ¿Es siquiera posible? const grid = (props) => { console.log(props); let {skuRules} =...
He usado Redux-Saga . El código escrito con él es fácil de razonar hasta ahora, excepto que la función del generador JS me está arruinando la cabeza de vez en cuando. Según tengo entendido, Redux-Observable puede lograr el trabajo similar que maneja los efectos secundarios pero sin usar la función...
Tengo una aplicación react / redux que obtiene un token de un servidor api. Después de que el usuario se autentica, me gustaría hacer que todas las solicitudes de axios tengan ese token como un encabezado de autorización sin tener que adjuntarlo manualmente a cada solicitud en la acción. Soy...
Tengo un formulario que está acostumbrado a Crear, Leer, Actualizar y Eliminar. Creé 3 componentes con la misma forma pero les paso diferentes accesorios. Obtuve CreateForm.js, ViewForm.js (solo lectura con el botón Eliminar) y UpdateForm.js. Solía trabajar con PHP, así que siempre hacía esto de...
Soy un principiante javascript / redux / react construyendo una pequeña aplicación con redux, react-redux, y react. Por alguna razón, cuando uso la función mapDispatchToProps junto con connect (react-redux vinculante) recibo un TypeError que indica que el despacho no es una función cuando intento...
Estoy tratando de enviar una solicitud GET como segundo parámetro, pero no funciona mientras lo hace como url. Esto funciona, $ _GET ['naam'] devuelve la prueba: export function saveScore(naam, score) { return function (dispatch) {
¿Cómo accedo al estado redux dentro de una función de saga? Respuesta corta: import { select } from 'redux-saga/effects'; ... let data = yield
Estoy creando una aplicación que deberá estar disponible en varios idiomas y configuraciones regionales. Mi pregunta no es puramente técnica, sino más bien sobre la arquitectura y los patrones que la gente está utilizando en la producción para resolver este problema. No pude encontrar ningún...
Siendo un principiante en el mundo React, quiero comprender en profundidad qué sucede cuando uso {this.props.children}y cuáles son las situaciones para usar el mismo. ¿Cuál es su relevancia en el siguiente fragmento de código? render() { if (this.props.appLoaded) { return ( <div>...
Sé que se supone que no debo mutar la entrada y debo clonar el objeto para mutarlo. Estaba siguiendo la convención utilizada en un proyecto de inicio redux que usaba: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated:
Sé que Redux es una mejor "implementación" de Flux, o mejor dicho, es un rediseño para simplificar las cosas (administración del estado de la aplicación). He escuchado mucho sobre la programación reactiva (RxJS), pero aún no me he sumergido para aprenderlo. Entonces mi pregunta es: ¿hay alguna...
Como estoy usando react-router para manejar mis rutas en una aplicación de reacción, tengo curiosidad por saber si hay una forma de redirigir a un recurso externo. Digamos que alguien golpea: example.com/privacy-policy Me gustaría redirigir
Tengo un problema al navegar a otra página, su posición permanecerá como la página anterior. Por lo que no se desplazará hacia la parte superior automáticamente. También intenté usar window.scrollTo(0, 0)en el enrutador onChange. También utilicé scrollBehavior para solucionar este problema, pero no...
¿Debería usar alguna vez this.setState()al usar redux? ¿O debería estar siempre enviando acciones y confiando en los
Tengo un componente React simple que conecto (mapeando una matriz / estado simple). Para evitar hacer referencia al contexto de la tienda, me gustaría una forma de obtener "despacho" directamente de los accesorios. He visto a otros usar este enfoque pero no tienen acceso a esto por alguna razón...