Чем Saga отличается от Thunk

Question

Thunk — это простой middleware, который позволяет писать асинхронную логику прямо в экшенах. Saga — это отдельный слой логики на основе генераторов, который управляет сайд-эффектами декларативно. Thunk проще в освоении, но хуже масштабируется. Saga сложнее, зато лучше подходит для сложных сценариев и бизнес-логики.

YeaHub · Accepted Answer

Общая идеяRedux сам по себе синхронный, поэтому для асинхронной логики используются middleware.Redux ThunkThunk позволяет экшену быть функцией.const fetchData = () => (dispatch) => {
  dispatch(start());
  fetch(url)
    .then(r => r.json())
    .then(data => dispatch(success(data)));
};
Характеристики:Минимальный порог входаЛогика и экшены смешаныХорош для простых запросовСложно тестировать сложные сценарииRedux SagaSaga использует генераторы для описания эффектов.function* fetchDataSaga() {
  try {
    const data = yield call(api.fetch);
    yield put(success(data));
  } catch (e) {
    yield put(error(e));
  }
}
Характеристики:Чёткое разделение логики и экшеновДекларативное описание эффектовУдобна для сложных сценариевХорошо тестируетсяБолее высокий порог входаКлючевые различия по подходуThunk — imperativeSaga — declarativeThunk — проще читать новичкамSaga — лучше масштабируетсяВыводThunk — быстрый и простой выбор для небольших проектов. Saga оправдана, когда логика сложная, асинхронная и требует строгого контроля.