Я React-разработчик, мне трудно дать оценку, но думаю, что можно и сервисами обойтись, если приложение не очень сложное.

Почему спрашиваю - пока просматривал код, увидел filter в эффекте, в селекторе и в компоненте.

ответ не лучше - зависит от ситуации :) но по-хорошему в Селекторе

userOrders$ = this.store.pipe(select(selectAllUserOrders),
   map((orders) => orders.filter(order => order.pair === 'ETH-BTC')));

Страшно выглядит.

Учитывая, что в массиве, который возвращает селектор, один элемент и это массив.

это можно вынести в селектор

как

Я над этим целый день сижу

создать еще один селектор

Я понял, но как применить filter()?

export const selectCoinPairUserOrders = createSelector(
 selectUserOrdersState,
 selectAll,
 (orders) => orders.filter(...)
); так не работает

я же вам скинул, там есть примеры

1й аргумент - селектор со всеми ордерами, во 2м функция, которая будет фильтровать

Я уже давно их видел.

const selectUserOrdersState: MemoizedSelector<AppState, UserOrdersState, DefaultProjectorFn<UserOrdersState>>
No overload matches this call.
 The last overload gave the following error.
   Argument of type 'MemoizedSelector<AppState, UserOrdersState, DefaultProjectorFn<UserOrdersState>>' is not assignable to parameter of type '[SelectorWithProps<unknown, unknown, UserOrderModel[]>, SelectorWithProps<unknown, unknown, unknown>, SelectorWithProps<unknown, unknown, unknown>, ... 4 more ..., SelectorWithProps<...>]'.ts(2769)
selector.d.ts(55, 25): The last overload is declared here.

export const selectCoinPairUserOrders = createSelector(
 selectUserOrdersState,
 (orders: UserOrderModel[]) => orders.filter(() => true)
);

export const selectUserOrdersState = createFeatureSelector<AppState, UserOrdersState>('userOrders');

Ну потому что там можно запустить и поиграться и форк сделать и ангуляр из коробки