[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";