Kiedy używać State Management?

Bez biblioteki (Signals/Services)

Używaj gdy:

• Mały/średni projekt
• Stan głównie lokalny w komponentach
• Proste współdzielenie między kilkoma komponentami
• Zespół nowy w Angular

// Prosty service ze Signals
@Injectable({ providedIn: 'root' })
export class CartService {
  private items = signal<CartItem[]>([]);
  readonly cartItems = this.items.asReadonly();
  readonly total = computed(() =>
    this.items().reduce((sum, item) => sum + item.price, 0)
  );

  addItem(item: CartItem): void {
    this.items.update(items => [...items, item]);
  }
}

NgRx SignalStore

Używaj gdy:

• Średni projekt z rosnącą złożonością
• Chcesz korzystać z Signals
• Potrzebujesz struktury, ale nie pełnego Reduxa
• Preferujesz funkcyjne podejście

Klasyczny NgRx

Używaj gdy:

• Duży, złożony projekt
• Wiele źródeł danych i efektów ubocznych
• Potrzebujesz DevTools do debugowania
• Zespół doświadczony z Redux/NgRx

Podsumowanie

*NgRx ma selectSignal() do integracji

// NgRx z Signals
@Component({...})
export class MyComponent {
  private store = inject(Store);

  // Observable → Signal
  samurai = this.store.selectSignal(selectAllSamurai);
  loading = this.store.selectSignal(selectLoading);
}