Feature Modules - Prowincje Królestwa

Feature modules dzielą aplikację na logiczne części - jak prowincje feudalnej Japonii, każda z własną specjalizacją.

Typy Modułów

1. Feature Module (Prowincja)

Grupuje funkcjonalność biznesową:

// features/samurai/samurai.module.ts
@NgModule({
  declarations: [
    SamuraiListComponent,
    SamuraiDetailComponent,
    SamuraiFormComponent
  ],
  imports: [
    CommonModule,
    SharedModule,
    SamuraiRoutingModule
  ],
  exports: [SamuraiListComponent]
})
export class SamuraiModule { }

2. Shared Module (Wspólne Zasoby)

Zawiera reużywalne elementy:

// shared/shared.module.ts
@NgModule({
  declarations: [
    ButtonComponent,
    CardComponent,
    LoadingSpinnerComponent,
    HighlightDirective,
    TruncatePipe
  ],
  imports: [CommonModule],
  exports: [
    // Eksportujemy WSZYSTKO co może być użyte w innych modułach
    CommonModule,
    ButtonComponent,
    CardComponent,
    LoadingSpinnerComponent,
    HighlightDirective,
    TruncatePipe
  ]
})
export class SharedModule { }

3. Core Module (Centrum Dowodzenia)

Singletony i elementy ładowane raz:

// core/core.module.ts
@NgModule({
  imports: [
    CommonModule,
    HttpClientModule
  ],
  providers: [
    AuthService,
    LoggingService,
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
  ]
})
export class CoreModule {
  // Zabezpieczenie przed wielokrotnym importem
  constructor(@Optional() @SkipSelf() parentModule: CoreModule) {
    if (parentModule) {
      throw new Error('CoreModule already loaded. Import only in AppModule!');
    }
  }
}

Struktura Katalogów

src/app/
├── core/                      # Singleton services, guards, interceptors
│   ├── core.module.ts
│   ├── services/
│   │   ├── auth.service.ts
│   │   └── api.service.ts
│   ├── guards/
│   └── interceptors/
│
├── shared/                    # Reużywalne komponenty, dyrektywy, pipes
│   ├── shared.module.ts
│   ├── components/
│   ├── directives/
│   └── pipes/
│
├── features/                  # Feature modules
│   ├── samurai/
│   │   ├── samurai.module.ts
│   │   ├── samurai-routing.module.ts
│   │   ├── components/
│   │   ├── services/
│   │   └── models/
│   └── dojo/
│
├── app.module.ts
├── app.component.ts
└── app-routing.module.ts