Публикации по теме 'redux-toolkit'
Как использовать Redux в наши дни?
«Почему мне нужно прикасаться к трем файлам, чтобы простая функция заработала?» Действительно, почему!
Как использовать Redux в наши дни?
Перед моей собственной реализацией управления состоянием я должен показать, насколько обычное использование избыточности является худшим в лучшую сторону.
Это худшее, что я думаю…
В этой структуре вы должны;
Напишите «уникальные» типы действий для всех действий, если вы этого не делаете; одна отправка действия вызовет более одного..
Инструментарий Redux, проще, чем Redux!
Мы уже исследовали Redux в статье "Redux проще, чем вы думаете!" и узнали, что его нужно использовать, но все же есть некоторые проблемы, когда дело доходит до использования redux. Вот эти проблемы: 1. Конфигурация редукции слишком сложна 2. Редукс требует слишком много стандартного кода 3. Сам по себе он не делает ничего полезного, и нам нужно устанавливать такие пакеты, как redux-thunk, redux-saga, redux-persist и т. д. …
Теперь Redux Toolkit готов решить большинство наших..
Нет больше Redux Boilerplate Hell (redux-toolkit)
Минуту назад кто-то задал мне вопрос о том, как он может использовать Redux и Next.js. Что ж, разработчиков пугает redux из-за его шаблонного кода еще до того, как вы запустите его и запустите. Но на самом деле это действительно классный инструмент, облегчающий жизнь любому пользователю Redux. Сегодня я покажу вам Redux Toolkit с простым примером CRUD с использованием Next.js. Неважно, знакомы ли вы с Redux или только начали работать с Redux, этот пост для вас.
Что такое..
Вопросы по теме 'redux-toolkit'
Как я могу увидеть состояние при входе в консоль вместо прокси-объекта внутри действия reducer?
При использовании console.log() внутри действия reducer состояние печатается как прокси-объект, а не как объект, который я действительно хочу видеть. Как мне увидеть реальный объект? Я использую redux-starter-kit createSlice, я не уверен, связано...
4741 просмотров
schedule
17.10.2021
Страница перенаправления при входе в систему с использованием response-router-v5 и redux-toolkit
Я использую response-router-dom v5.2.
После входа в систему я хочу, чтобы моя страница перенаправлялась на /home с / . Форма входа находится по адресу / .
Когда я пытаюсь выполнить аутентификацию без какой-либо асинхронной функции...
3029 просмотров
schedule
17.09.2021
Часть инструментария Redux. Чистые функции внутри редукторов поля
Sup ya. Просто хочу уточнить, можем ли мы его использовать? Я думаю, мы можем просто быть уверены на 100%
https://codesandbox.io/s/redux-toolkit-state-new-array-4sswi?file=/src/redux/slices/slice.js:111-425
const someSlice = createSlice({...
45 просмотров
schedule
12.11.2021
Рендеринг состояния React Native / Redux Toolkit всегда на шаг отстает
У меня возникли проблемы с управлением состоянием в приложении, которое я создаю с помощью React Native, поэтому я решил попробовать Redux-Toolkit. Посмотрев пару руководств на YouTube, я смог реализовать нужную мне функциональность. К сожалению,...
39 просмотров
schedule
16.10.2021
Как сделать редирект в React без сброса Redux Store?
Я пытаюсь создать панель навигации в React. Я использую магазин redux-toolkit для управления своим состоянием. Каждый раз, когда я нажимаю ссылку на панели навигации, хранилище redux сбрасывается в исходное состояние. Как создать ссылку на панели...
215 просмотров
schedule
22.11.2021
Динамическая загрузка initialState с помощью createSlice в Redux Toolkit
Есть ли хорошо известный шаблон для внедрения полезной нагрузки динамического начального состояния в объект initialState Redux-Toolkit?
То есть я хотел бы сделать это -
import initialState from './initialState';
function generateSlice(payload...
1648 просмотров
schedule
01.03.2022
Добавить элемент во вложенный массив в redux-toolkit
Redux Toolkit выдает мне ошибки мутации при попытке обновить состояние во вложенном массиве, и я думал, что он использовал immer, чтобы обойти это и упростить редукторы.
Мой магазин выглядит так:
состояние -> формы -> разделы
Я хочу добавить...
883 просмотров
schedule
30.03.2022
Аргументы действия Redux-toolkit в WebStorm
Я начал использовать набор инструментов redux, но когда я пытаюсь отправить действие с аргументами, я получаю предупреждение от IDE:
Тип аргумента {...} нельзя присвоить типу параметра {payload: {...}}
или Недействительное количество...
488 просмотров
schedule
02.04.2022
Можно ли переназначить все состояние в редукторе среза (с помощью Redux ToolKit)?
Я использую createSlice() от Redux Toolkit. И пытаюсь создать редуктор, который заполняет данные из внешнего источника в состояние редукции. Я пытаюсь обновить все состояние, передав объект в полезной нагрузке действия:
.
reducers: {...
22 просмотров
schedule
08.04.2022
Невозможно разрешить модуль `../../../../ src / redux` из` node_modules / response-redux / lib / connect / mapDispatchToProps.js
Я пытаюсь добавить redux с помощью набора инструментов redux в существующее приложение для реагирования с моей первой попыткой атомарного дизайна.
Я обернул свои компоненты index.js в <Provider> для документов, но похоже, что react-redux...
1397 просмотров
schedule
19.04.2022
Как вложить редукторы Redux Toolkit для одного свойства
Я переношу кодовую базу с ванильного Redux на Redux Toolkit. Я пытаюсь найти хороший способ вложить редукторы, созданные с помощью createReducer , только для одного свойства.
Допустим, у меня есть установка, подобная следующему надуманному...
296 просмотров
schedule
24.04.2022
useSelector не работает, сокращение в реакции
Когда я использую useSelector, переменная всегда сохраняет свое начальное состояние. Такое ощущение, что он хранится в какой-то параллельной галактике и никогда не обновляется. Но когда я получаю значение с помощью const store = useStore ();...
57 просмотров
schedule
30.04.2022
Как написать createAction из redux-toolkit, чтобы не получать ошибок
Мне нужно ввести некоторые реквизиты и аргументы. Вот часть кода. Как мне правильно написать createAction?
const onSubmitHandler = (userFormData: TuserDataFromForm) => {
console.log("this work");
// here is error - userFormData...
149 просмотров
schedule
24.05.2022
TypeScriptError: тип 'Data' не может быть назначен типу 'string'
Я использую React-typescript для своего приложения. для управления состоянием я использую Redux-toolkit . Я получаю один открытый API и сохраняю его в моем магазине redux. Я создал диспетчерскую функцию. Из компонента, когда я нажимаю функцию...
693 просмотров
schedule
28.07.2022
Как мне использовать react-redux 'useSelector' с дополнительной переменной?
У меня есть сокращенное (под) состояние, которое состоит из большого количества похожих записей.
export type PartnerCalculatorStateShape = {
m16_19:number;
m20_24:number;
m25_34:number;
m35_44:number;
m45_64:number;...
4578 просмотров
schedule
29.08.2022
тестирование createAsyncThunk с ошибкой обещания
Я тестирую API createAsyncThunk в Redux Toolkit в JS, и у меня возникла ошибка, нужна помощь.
Я просто повторяю пример реакции Todo, я пытаюсь создать функцию todo с задержкой добавления, чтобы протестировать избыточный преобразователь. Это...
279 просмотров
schedule
20.09.2022
Набор инструментов React и redux-first-router
Я копаюсь в React с Redux, чтобы переписать наш продукт. Много тумана вокруг Redux было рассеяно с помощью Redux-Toolkit https://redux-toolkit.js.org/ . Затем я обнаружил, что React-Router запутал управление состоянием, и нашел решение в...
1568 просмотров
schedule
11.12.2022
Лучший способ сбросить вложенное состояние с помощью редуктора комбайна в redux-toolkit
скажем, у меня есть магазин с вложенными combReducers, как показано ниже
const rootReducer = () =>
combineReducers({
agent,
customer: customerReducer
});
const customerReducer = combineReducer({
profile,
account
})
В этом...
769 просмотров
schedule
30.12.2022
Как создать идентификаторы сущностей в функции подготовки редуктора createSlice
У меня проблемы с функцией обратного вызова prepare , включенной в мой addEntity reducer, который я включаю в функцию createSlice redux-toolkit.
Я пытаюсь использовать обратный вызов prepare , чтобы добавить уникальные идентификаторы в свои...
596 просмотров
schedule
10.10.2022
Как создать playload в createAsyncThunk при использовании axios
Я начинаю изучать redux, и есть создатель действий ( createAsyncThunk ) для выполнения асинхронных задач, и я пытаюсь использовать axios в нем вот так
export const loginUser = createAsyncThunk(
"auth/login",
(authData) => {...
361 просмотров
schedule
30.06.2023
