Встречается на собеседованиях • сегодня

Что использовал для асинхронных actions в Redux

Для асинхронных действий в Redux чаще всего используют middleware. Самые популярные варианты:

Redux Thunk - простой вариант для базовых асинхронных операций:

javascript

const fetchData = () => async (dispatch) => {
  dispatch({ type: 'FETCH_START' });
  try {
    const data = await api.getData();
    dispatch({ type: 'FETCH_SUCCESS', payload: data });
  } catch (error) {
    dispatch({ type: 'FETCH_ERROR', error });
  }
};

Redux Saga - для сложных сценариев с генераторами:

javascript

function* fetchData() {
  try {
    yield put({ type: 'FETCH_START' });
    const data = yield call(api.getData);
    yield put({ type: 'FETCH_SUCCESS', payload: data });
  } catch (error) {
    yield put({ type: 'FETCH_ERROR', error });
  }
}

Redux Toolkit (RTK Query) - современный подход, встроенный в RTK:

javascript

const api = createApi({
  endpoints: (build) => ({
    getData: build.query({
      query: () => 'data',
    }),
  }),
});

Thunk - самый простой, Saga - для сложной логики, RTK Query - современный стандарт. Выбор зависит от сложности проекта.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы