Tag: REDUX-TOOLKIT
Async thunk: const getMovies = createAsyncThunk(‘recommended/getMovies’, async () =>{ const result = await api.getRecommendedMovies(); console.log(‘first’) return result; }); Función que usa la función dispatch del gancho useDispatch: const getMovies = (page) => {console.log(moviesData) const moviesData = dispatch(recommendedMoviesActions.getMovies()); console.log(‘second’); }; Los registros en la consola son los siguientes: 1. ‘second’ 2. . . . Read more
import { createSlice } from ‘@reduxjs/toolkit’ const initialState = { userName: null, userEmail: null } const userSlice = createSlice({ name: ‘user’, initialState, reducers: { setActiveUser: (state, action) => { state.userName = action.payload.userName state.userEmail = action.payload.userEmail }, setUserLogOut: (state) => { state.userName = null state.userEmail = null } } }); export . . . Read more
Actualmente tengo una cuadrícula con tres columnas. Donde puedes seleccionar un valor a la vez por columna y actualiza el valor seleccionado en un estado de redux. Enlace a sandbox de código: enlace al sandbox de código Mi problema es que si hay un valor inicial, necesito configurar la cuadrícula . . . Read more
Tengo un componente MediaCard, que contiene un elemento img con una URL que incluye un token. Este token debe ser requerido primero para obtener la imagen. El inconveniente aquí es que el token expirará en 30 segundos. Sería algo como esto: const MediaCard = () => { // Esto debería . . . Read more
Estoy migrando lentamente mi aplicación de plain redux a redux-toolkit. Uno de los patrones que he notado es el siguiente: Un thunk asíncrono que obtiene información y despacha acciones de inicio/fin/error Un middleware que reacciona a la acción de finalización Otras funciones que también despachan la acción de finalización Anteriormente . . . Read more