[Angular] Organizing Your Exports with Barrels

From:

import {LoadUserThreadsEffectService} from "./store/effects/load-user-threads.service";
import {SaveNewMessageEffectService} from "./store/effects/save-new-message.service";
import {RefreshMessageListEffectService} from "./store/effects/refresh-message-list.service";
import {MarkUnreadMessageReadEffectService} from "./store/effects/mark-unread-message-read.service";

To:

import {
  LoadUserThreadsEffectService,
  SaveNewMessageEffectService,
  RefreshMessageListEffectService,
  MarkUnreadMessageReadEffectService
} from './store/index';

So we create a index.ts file inside 'store' folder:

export {MarkUnreadMessageReadEffectService} from "./effects/mark-unread-message-read.service";
export {RefreshMessageListEffectService} from "./effects/refresh-message-list.service";
export {SaveNewMessageEffectService} from "./effects/save-new-message.service";
export {LoadUserThreadsEffectService} from "./effects/load-user-threads.service";