Quand utiliser la gestion d'état ?

Sans bibliothèque (Signals/services)

À utiliser quand :

• Projet petit/moyen
• L'état est majoritairement local aux composants
• Partage simple entre quelques composants
• L'équipe débute avec Angular

1// Service simple avec les Signals
2@Injectable({ providedIn: 'root' })
3export class CartService {
4  private items = signal<CartItem[]>([]);
5  readonly cartItems = this.items.asReadonly();
6  readonly total = computed(() =>
7    this.items().reduce((sum, item) => sum + item.price, 0)
8  );
9
10  addItem(item: CartItem): void {
11    this.items.update(items => [...items, item]);
12  }
13}

NgRx SignalStore

À utiliser quand :

• Projet moyen à complexité croissante
• Tu veux tirer parti des Signals
• Tu as besoin de structure, mais pas de Redux complet
• Tu préfères une approche fonctionnelle

NgRx classique

À utiliser quand :

• Projet volumineux et complexe
• De nombreuses sources de données et effets de bord
• Tu as besoin des DevTools pour déboguer
• Équipe expérimentée avec Redux/NgRx

Résumé

*NgRx propose selectSignal() pour l'intégration

1// NgRx with Signals
2@Component({...})
3export class MyComponent {
4  private store = inject(Store);
5
6  // Observable → Signal
7  samurai = this.store.selectSignal(selectAllSamurai);
8  loading = this.store.selectSignal(selectLoading);
9}