Angular 2 : Organization Using {barrels}
The import statements in Angular 2 can get pretty cumbersome if you're using a lot of services, models, directives etc in any specific component. Looking at the basic "QuickStart", the app.component.ts doesn't seem very obtuse. import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '<h1>Quickstart</h1>' }) export class AppComponent { } However, looking at the Tour of Heroes example: import { Component } from '@angular/core'; import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated'; import { HeroService } from './hero.service'; import { DashboardComponent } from './dashboard.component'; import { HeroesComponent } from './heroes.component'; import { HeroDetailComponent } from './hero-detail.component'; @Component({ selector: 'my-app', template: ` <h1>{{title}}</h1> <nav>...
