Марк Эриксон рассказал о том, в каких случаях Redux не самое лучшее решение — "When (and when not) to reach for Redux".

Redux появился в 2015 году и был очень популярен несколько лет, но сейчас это не самый лучший инструмент. Вопрос кэширования данных взяли на себя библиотеки swr, React Query, Apollo. Проблемы с явной передачей пропсов от корня к дочерним компонентам (props drilling) решается в React из коробки, начиная с версии 16.3, благодаря стабилизировавшемуся Context API. Также Марк говорит о том, что Redux неоптимален для работы со стейтом, но не приводит альтернатив, поэтому позволю себе наглость добавить их от себя: Mobx, Reatom, Effector.

Несмотря на свой статус основного мейнтейнера Redux Марк довольно трезво оценивает текущую ситуацию с Redux и говорит о том, что серебряной пули нет, инструменты нужно выбирать в зависимости от ситуации. В некоторых случаях подходящим решением может быть Redux.

#react #statemanagement

https://changelog.com/posts/when-and-when-not-to-reach-for-redux

в некоторых... интересно, в каких.

it('should return a message in case of unsuccessful registration', async () => {
    const expected = {
      errors: {
        'email or password': ['is invalid'],
      },
    };

    signUpFx(() => Promise.reject(expected));
    const scope = fork(root);
    await allSettled(signUpFx, { scope });
    expect(scope.getState($errors)).toMatchObject(expected);
  });

тестирую rejected эффекты. Ожидаю заполнение стора $errors объектом ошибки, но получаю пустой объект. Что я делаю не так?

it('should return a message in case of unsuccessful registration', async () => {
    const expected = {
      errors: {
        'email or password': ['is invalid'],
      },
    };

    signUpFx(() => Promise.reject(expected));
    const scope = fork(root);
    await allSettled(signUpFx, { scope });
    expect(scope.getState($errors)).toMatchObject(expected);
  });

проверь экспектами сначала с чем эффект завершился

it('should return a message in case of unsuccessful registration', async () => {
    const expected = {
      errors: {
        'email or password': ['is invalid'],
      },
    };

    signUpFx(() => Promise.reject(expected));
    const scope = fork(root);
    await allSettled(signUpFx, { scope });
    expect(scope.getState($errors)).toMatchObject(expected);
  });

signUpFx(() => Promise.reject(expected))

А шо это за конструкция такая?

кстати да ты use забыл))

обычная

проект без типов по ходу) раз получилось передать функцию

это real world. нет типов в тестах

c use та же история.

it('should return a message in case of unsuccessful registration', async () => {
    const expected = {
      errors: {
        'email or password': ['is invalid'],
      },
    };

    signUpFx.use(() => Promise.reject(expected));

    const scope = fork(root);
    await allSettled(signUpFx, { scope });
    expect(scope.getState($errors)).toMatchObject(expected);
  });

напомните, пожалуйста, какой метод нужен для того, чтобы вызвать effect с аргументами через пустой event?

export const answerSubmitted = createEvent<void>()
const submitAnswerFx = createEffect<NextQuestion, any, AxiosError>()
submitAnswerFx.use(api.nextQuestion)

forward({
  from: answerSubmitted,
  to: submitAnswerFx,
})

answerSubmitted.map(() => че хочешь) ?

ну в мапе я не достану же.

ну в твоем сообщении никаких сторов не было

это ты на ходу уже редактируешь задачу

если из стора хочешь достать, то sample

export const answerSubmitted = createEvent<void>()
const submitAnswerFx = createEffect<NextQuestion, any, AxiosError>()
submitAnswerFx.use(api.nextQuestion)

forward({
  from: answerSubmitted,
  to: submitAnswerFx,
})

sample вместо форварда

там fn: () => undefined

Я бы сказал что это, скорее, следствие присутствия типов во всей части проекта кроме этой

как я понял приглашают всех желающих