Даша Циклаури

первое, мы сделали и все в порядке

В главном компоненте (предположительно app.component) подписываешься на router.events, ловишь NavigationEnd, далее проверяешь isPlatformBrowser(this.platform) и если да, то вызываешь window.scrollTo(0,0).
Подсказки:

import {Inject, PLATFORM_ID} from '@angular/core';
import {isPlatformBrowser} from '@angular/common';
import {Router, NavigationEnd} from '@angular/router'; 

constructor(@Inject(PLATFORM_ID) platform:any, router:Router){
router.events.filter(ev=>ev instanceof NavigationEnd).subscribe(...)
}

По факту никак, потому что setTimeout добавляет задачу в macroTaskQueue и это не означает что она выполнится секунда в секунду. Узнать примерное время - как написали выше: при установке setTimeout запоминать (метку времени+значение таймаута) и из неё вычитать текущую метку времени из setInterval.

создается shallow-copy объекта, то есть оператором "..." (spread operator) копируются свойства объекта, это сделано для того чтобы не терять данные при обновлении одного свойства
допустим у тебя был объект состояния такой структуры

let state = {
  x:1,
  y:2,
  z:3
}

ты хочешь изменить поле y, для этого тебе нужно скопировать все поля и переназначить y
state = { ...state, y:25};
другой вопрос зачем копировать, если можно мутировать (MobX), это фишка называется иммутабельность (Redux), чтобы понять изменилось ли состояние быстрее проверить изменилась ли ссылка на объект, чем делать полный diff, в angular next такая штука в детекторе включается через ChangeDetectionStrategy.OnPush

Посмотри в сторону Angulartics. У них исчерпывающая дока, но если возникнут вопросы в подключении, то отвечу.

Посмотри как устроены модули в Angular Next. Там при маршрутизации указываешь родительский модуль, который в свою очередь включает дерево детей (каждый дочерный модуль отдельный chunk) и по ключу маршрута забирается тот или иной chunk. Самый главный компонент включает в себя общую часть, которая переиспользуется на разных страницах.

Реализовать лимитирование по объему, колву, времени хранения информации. Например на бесплатном аккаунте (может быть не только учетная запись, а просто fingerprint) пользователь к примеру может хранить максимум 10МБ, до 5 штук, неделю со времени загрузки. И постоянно чистить место.

В компоненте, который отвечает за 404 страницу при условии, что платформа - сервер выставляй статус код 404.
@Inject(RESPONSE) resp, где resp - это объект типа Response (express)
if(!!resp) resp.status(404)

Стоит помнить разницу между Observable и Subject, соответственно subscribe у этих двух типов работает в части создания подписок по разному. Если закрывать весь стрим, то достаточно вызвать complete. Если нужно получить значение и отписаться то можно вызвать .first().subscribe(). Если создаются долгоживущие подписки, то их можно складывать в массив, а в дестрой вызывать subscriptions.forEach(i=>i.unsubscribe())

UPD: уточни бизнес-кейс, у меня подозрение что тут subject не нужен и можно обойтись new Observable((subs)=>{})

для websocket, например, при запросе на маршрут ws://host (запрос установления соединения/handshake)
1) передавать в заголовке Authorization: Bearer (если по стандарту oauth)
2) при авторизации выдавать куки и тогда они сами будут прокидываться при установке соединения

вот тут пример как прокидывать заголовки

или разруливать на уровне бизнес-логики:
1) хранить карту connection-id -> user и обратную
2) реализовать метод login/logout
3) в остальных методах проверять на статус авторизации при попытке обращения к ним

диспетчер ты имеешь в виду reducer?
мне кажется логичной следующая схема:

// класс, описывающий состояние
class WishlistState {
  items: Item[];
  ids: {[id:string]:boolean};
}
// reducer
export function wishlist(state:WishlistState = null, action){
  switch(action.type){
    case ADD_PRODUCT:
      return {
        items: [...(state&&state.items || []), action.payload],
        ids: {...state.ids, ...{action.payload.id:!0}}
      };
    case FETCH_WISHLIST:
      return {
        items: action.payload,
        ids: actions.payload.reduce((acc,v)=>{acc[v.id]=!0; return acc;}, {})
      };
    default: return state;
  }
}
// сервис, через который производится вывод данных в компоненте и проверка на содержание элемента в корзине по id'шнику
class WishlistService {
  state: Observable<WishlistState>;
  items: Observable<Item[]>;
  constructor(store, api){
    this.state = store.select(s=>s.wishlist).filter(i=>!!i);
    this.items = this.state.map(i=>i.items);
  }
  fetch(){
    this.api.getWishlist().subscribe(data=>{
      this.store.dispatch({
        type: FETCH_WISHLIST,
        payload: data
      })
    })
  }
  contains(id):Observable<boolean>{
    return this.state.map(i=>!!i.ids[id]);
  }
  add(item:Item){
    this.store.dispatch({
      type: ADD_PRODUCT,
      payload: item
    })
  }
}

CLOUTY
сделан на angular + angular universal