Публикации по теме 'redux-saga'
Редукс Сага
Редукс Сага
Redux Saga — это библиотека промежуточного программного обеспечения для Redux, которая позволяет вам управлять побочными эффектами (например, асинхронными запросами API) более организованным и декларативным способом. Вот краткое руководство по использованию Redux Saga:
Установить Редукс Сага
npm install redux-saga
2. Создайте сагу Сага — это функция, которая прослушивает действие и выполняет некоторый побочный эффект. Чтобы создать Saga, вам нужно определить..
гонка урожайности в саге о редуксе
«Гонка урожайности» в Redux Saga происходит, когда два или более эффекта yield выполняются параллельно, и первый из них «побеждает», и возвращается его результирующее значение. Это может быть полезно в ситуациях, когда несколько действий отправляются одновременно, и саге нужно обработать только первое завершенное действие. Чтобы справиться с гонкой доходности, вы можете использовать эффект race , который принимает объект свойств эффекта, где ключи — это метки эффектов, а значения — сами..
Что такое сага Root в Redux Saga?
В Redux Saga «root» — это функция генератора верхнего уровня, которая используется для инициализации и запуска всех остальных саг. Оператор «экспорт по умолчанию» используется для того, чтобы сделать корневую функцию саги доступной для импорта в другие части приложения.
Пример корневой саги может выглядеть так:
export default function* rootSaga() {
yield all([
fork(watchFetchData),
fork(watchAddData)
])
}
В этом примере функция rootSaga использует эффект yield all для..
Начало работы с Redux Saga
Введение в популярный фреймворк JavaScript для обработки побочных эффектов
Команда внешнего интерфейса Takeaway.com усердно работала над переносом нашего основного веб-приложения на современный стек JavaScript. Мы создаем новое клиентское приложение с Next.js, React и Redux Saga . Когда мы начинали, мой опыт был в основном с Redux Thunk и Redux Promise . Redux Saga - совсем другой зверь, поэтому мне потребовалось некоторое время, чтобы понять основной контекст, общий подход, то,..
Вопросы по теме 'redux-saga'
Использование redux-saga и повторного набора на стороне сервера
redux-saga
повторный набор
Прямо сейчас я пытаюсь получить начальное состояние моей стороны сервера приложений с помощью повторного набора.
Повторный набор запускает чистое действие объекта, а redux-saga слушает/ожидает этого действия,...
761 просмотров
schedule
08.03.2023
оператор yield* делегата в Redux Sagas
В Учебнике по Redux Sagas для начинающих нам предлагается написать наблюдатель Сага такая:
export function* watchIncrementAsync() {
yield* takeEvery('INCREMENT_ASYNC', incrementAsync)
}
Почему мы используем оператор делегата yield* в...
324 просмотров
schedule
04.07.2023
Ошибка генератора redux-saga внутри обратного вызова
Я пытаюсь настроить избыточную регистрацию и поток аутентификации через firebase, используя промежуточное программное обеспечение sagas. Однако я получаю:
Module build failed: SyntaxError: Unexpected token (16:3)
14 |...
326 просмотров
schedule
11.05.2023
переключение между двумя потоками redux-saga
В моем сценарии пользователь может выкупить ваучеры. Пока она не вошла в систему, она все равно может протестировать функцию выкупа, чтобы понять, как она работает.
У меня есть 2 потока, notLoggedInRedeemFlow для случая, когда она не...
174 просмотров
schedule
15.10.2022
сага о redux не может прочитать свойство getState из undefined
Я пытаюсь настроить хранилище React redux с промежуточным программным обеспечением saga и асинхронными действиями, а также с response-router-redux и селекторами.
Для некоторых sagamiddleware не может прочитать свойство getState, равное undefined....
2437 просмотров
schedule
20.09.2022
Как сделать, чтобы мой компонент повторно отображался после обновления реквизита из селектора в реакции и редукционной саге?
Я новичок в библиотеке реагирования, редукционной саги, поэтому я изо всех сил пытаюсь решить эту проблему...
так что у меня есть этот компонент. я использую API для извлечения и удаления данных с помощью Redux-Saga.
export class...
3638 просмотров
schedule
17.03.2023
Почему при использовании redux-saga оператор yield является значением выполнения, а не неопределенным?
Допустим, у нас есть следующая функция генератора:
function* testGenerator() {
const result = yield Promise.resolve('foobar') .then(res => res);
console.log(result);
}
Если я запускаю этот генератор со следующей строкой, он...
1620 просмотров
schedule
30.11.2022
Блокировка загрузки файлов с большими файлами
вступление
Чего я пытаюсь добиться, так это простой загрузки файла с индикатором прогресса с помощью redux-saga и реакции). У меня проблемы с получением этого указания, потому что загрузка файла блокируется, чего не должно быть.
Ожидаемое...
122 просмотров
schedule
09.02.2023
Обработка результата Redux Saga в представлении, из которого исходит вызов действия
Я новичок в Redux Saga, исходя из Redux Thunk. В некоторых ситуациях мне нужно знать, завершился ли вызов API неудачно или успешно из представления, из которого я вызвал действие. С Redux Thunk я бы сделал что-то вроде следующего.
Мой создатель...
3080 просмотров
schedule
24.07.2022
настроить модульный способ redux saga
Я использую приложение create-response-app для своего проекта. Теперь, когда мне нужна redux-saga для асинхронной работы, я столкнулся с проблемой модульной настройки саг. Под модульным способом я имею в виду, что будет один главный файл саги,...
494 просмотров
schedule
22.12.2022
Можно ли преобразовать итератор саги в обычное обещание?
Я создаю уровень абстракции для веб-расширения keepassxc . Он использует каналы Redux-Saga, чтобы синхронизировать обмен сообщениями в Chrome . Он работает (не)на удивление хорошо. Однако я хочу полностью абстрагировать редукс-сагу, чтобы она...
613 просмотров
schedule
23.06.2023
Реализация отмены с помощью redux-saga
Если действие removeItem(itemId) запускается из пользовательского интерфейса, оно должно сначала удалить соответствующий элемент из состояния, а затем вызвать связанную сагу. Если сага терпит неудачу, она должна сбросить состояние до исходного....
552 просмотров
schedule
27.10.2022
Получить ответ действия как обещание (например, redux-thunk)
Я перехожу от redux-thunk к redux-saga, но обнаружил один недостаток.
С redux-thunk у меня был очень типичный способ «добавить запросы»:
try {
downloadId = await dispatch(requestDownload('SOME_URL'));
} catch(ex) {
console.log('download...
57 просмотров
schedule
28.05.2024
Как проверить строки назначения в функции саги с помощью шутки
У меня есть функция, состоящая из вызовов эффекта саги, я хочу охватить всю функцию, не пропуская ни одной строки кода, как я могу проверить, есть ли здесь условие
export function* fetchFromSource() {
const dataTypeName = mapDataTypes(dataType);...
295 просмотров
schedule
17.06.2023
Использование redux-saga с реактивным маршрутизатором
У меня есть вопрос о реагирующем маршрутизаторе: например, я хочу перенаправить из формы «Создать» в форму «Редактировать» после вызова для успешного создания API (с использованием Redux-Saga). Как мне использовать реактивный маршрутизатор в этом...
4552 просмотров
schedule
01.10.2022
Протестируйте Redux-Saga 'yield call'
Я пытаюсь написать модульный тест на следующую сагу:
function * verifyCode(api){
let action = yield take(LoginTypes.VERIFY_CODE)
const phoneNumber = yield select(phoneNumberSelector)
try{
const response = yield...
473 просмотров
schedule
27.02.2022
Слушайте изменение состояния редуктора в компоненте в redux saga
Я использую redux-saga в своем приложении для реагирования. Мне нужно получить список заказов и отобразить его в компоненте. Для этого я создал экшены, редукторы и сагу.
Я попадаю в API в саге и
сага
import { call, put } from...
2191 просмотров
schedule
26.02.2023
Как объединить несколько задач при запуске приложения React Native
Я разрабатываю приложение на основе местоположения. Чтобы получить данные из API, мне нужны две вещи: позиция и, конечно же, подключение к Интернету .
При запуске приложения я хочу попытаться получить GPS-позицию пользователя. Если это...
1715 просмотров
schedule
15.05.2024
как `bindActionCreators` с помощью redux-thunk
Я новичок в JavaScript и умею реагировать, и у меня есть существующий проект, в который мне нужно добавить функциональность. Он использует redux и redux-thunk с redux-saga для отправки запросов API. В настоящее время он поддерживает только 1...
4042 просмотров
schedule
12.05.2023
Как протестировать блок кода появления саги Redux
я хочу протестировать блок спавна с помощью шутки... я создал генератор в блоке beforeEach и проверяю функцию генератора.next(), как это
beforeEach(() => {
generator = saga.postCompare();
});
и мой код такой
export...
394 просмотров
schedule
09.11.2022
