В каких случая использовать redux-saga в каких redux-thunk?

Question

[Максим Корольский]

В каких случая использовать redux-saga в каких redux-thunk
В каких случая redux-action-creators

import {
  FETCH_APP_DETAILS,
  FETCH_APP_DETAILS_SUCCESS,
  FETCH_APP_DETAILS_ERROR,

  FETCH_SIMILAR_JOBS,
  FETCH_SIMILAR_JOBS_SUCCESS,
  FETCH_SIMILAR_JOBS_ERROR,

  CREATE_NOTE,
  CREATE_NOTE_SUCCESS,
  CREATE_NOTE_ERROR,
  CREATE_NOTE_CLEAR,

  CREATE_REMINDER,
  CREATE_REMINDER_SUCCESS,
  CREATE_REMINDER_ERROR,
  CREATE_REMINDER_CLEAR,

  UPDATE_STATUS,
  UPDATE_STATUS_SUCCESS,
  UPDATE_STATUS_ERROR,
  UPDATE_STATUS_CLEAR,

  UPDATE_APP_AFTER_CREATE_NOTE,
  UPDATE_APP_AFTER_UPDATE_STATUS,
  UPDATE_APP_AFTER_CREATE_REMINDER,

  REMOVE_NOTE,
  REMOVE_NOTE_SUCCESS,
  REMOVE_NOTE_ERROR,

  REMOVE_REMINDER,
  REMOVE_REMINDER_SUCCESS,
  REMOVE_REMINDER_ERROR,

  UPDATE_APP_AFTER_REMOVE_REMINDER,
  UPDATE_APP_AFTER_REMOVE_NOTE,
} from './constants.es6';

И как избавится от таких простынь. С ними конечно все четко и понятно, и создаются на раз-два но мне кажется уже ж придумали что то

Answer 1

[Олег Гамега]

лично мне хватает redux-thunk возможно перейду на saga возможно на что то еще но вашу проблему в текучем проекте решит не saga а обыччная enum (да в чистом виде перечислений в js нет) и отказ от отдельного файла для подобных констант
1) чтобы не импортировать все констаны используйте подобный импорт

import * as types from '../action'
...
case types. UPDATE_STATUS_SUCCESS:
...

2) чтобы удобнее было поддерживать код, пишите константы непосредсвенно перед функией (раньше тоже вынсоил константы в отдльеный файл, но так значиатльно удобнее

export cont  FETCH_SIMILAR_JOBS ='FETCH_SIMILAR_JOBS'
export cont  FETCH_SIMILAR_JOBS_SUCCESS = 'FETCH_SIMILAR_JOBS_SUCCESS'
export cont  FETCH_SIMILAR_JOBS_ERROR='FETCH_SIMILAR_JOBS_ERROR'
export const fetchSimlarJob = ()=>{
.....

Comments

[davidnum95]

Может котлеты отдельно, мухи отдельно?

[Олег Гамега]

davidnum95, может, но в данном случае и то и то мухи
плюсы данного подхода мне поянтны, минусы кроме того что на первый взгляд файл только с коснтанми красивее не видны
дэну абрамову так писать не запдало, я тем более нос крутить от такого подхода не буду =)
зы подсмотрел у него, в минусы подобного решения пока не уперся и их вообще не заметил, плсюами же активно пользуюсь

[davidnum95]

Олег Гамега, а в редьюсере как эти константы импортить? import * from './actions'? тогда и функции тоже заимпортятся.

[Олег Гамега]

davidnum95, да, но в чем проблема ?
меня первый раз когда я это увидел тоже немного напрягло, но потом подумал ну и что ?
зато когда большой проект нет этих простыней, ведь по сути эти констаныт нужны только в экшене и редюсере
когда пишеь экшен хочется иметь их перед глазами, когда кода много так удобнее
то что в редюсер имортируются и функии может быть не краисво, но чем это черевато ?
проблемы не вижу - читабельность выше, на производительности иникак не сказыватеся

[davidnum95]

Олег Гамега, видимо действительно дело привычки) Я просто привык к такой структуре:
index.jsx - компонент
constants.js - константы (в том числе и те которые не учавствуют в экшенах)
actions.js - простые экшены
sagas.js - саги
reducers.js - редьюсеры
routines.js - автоматически созданные экшены
selectors.js - селекторы
Все по полочкам.

[Олег Гамега]

davidnum95, я тоже так делал, но на большом проекте оказаалось что не удобно когда констант экшенов отдльено, особенно когда редюсер и экшен пишут разные люди
на первый взгляд решение с запашком, но часть проблем решает, новых не создает ну и ладно )

Answer 2

[Евгений Хз]

Redax-thunk и redax-saga сильно отличаются своими подходами. Первый через асинхронный экшен генерирует обычные экшены(request, success, error) и уже их обрабатывают через редьюсер. Саги же подписываются на обычный экшен и через механизм генераторов совершают асинхронные действия, кои благодаря опять же генераторам легче тестировать.

По сути саги могут все тоже самое, что и танки, а вот наоборот нет. Пример: у меня есть редакс-мидлвара, она ловит с вебсокетов экшн, так вот сагами я могу ассинхронно обработать этот экшен подписавшись а вот танками без дополнительных заморочек нет.