Как правильно заархитектурить экшен NGRX с двумя логическими шагами?

Question

[Андрей Прозоров]

Товарищи помогите с вопросом по NGRX.

Есть такая структура стора

{
    currentItem: 89,
    items: [77, 89, 99]
}

и нужно написать такой экшен:
NavigateToFirst, Результатом которго будет такое состояние стора:

{
    currentItem: 77,
    items: [77, 89, 99]
}

Это две операции, найти первый, изменить значение. Я могу найти первое значнеие и присвоить currentItem прямиком в редюсере или же заниматься этим в эффекте. Или может есть еще какие то вариант? Как сделать лучше?

Answer 1

[Павел Талайко]

Добавь логику в сам класс Action.
Обычно для каждого actions создают свой класс.

interface Navigate {
 currentItem: number;
 items: number[]
}
export class NavigateToFirst implements Action {
  readonly type =  NavigateActions.CHANGE_Navigate;
  public payload: Navigate;
  constructor(navigate: Navigate) {
         // change 
        this.payload = navigate;
  }
}

Comments

[Павел Талайко]

const [firstElement] = navigate.items;
    this.payload = [...navigate, currentItem: firstElement];