Retour aux cas pratiques
RxJSAvancé
Implémentation d'une recherche temps réel avec debounce et switchMap
Scénario
Contexte : Vous développez un champ de recherche qui déclenche un appel API à chaque saisie utilisateur. Le Problème : Chaque frappe déclenche une requête, saturant le backend et provoquant des réponses désynchronisées. Contraintes : Utiliser fromEvent, debounceTime, distinctUntilChanged et switchMap. Aucun framework supplémentaire. Livrable attendu : Construire un pipeline RxJS permettant de limiter les appels API via debounce, ignorer les valeurs identiques et annuler automatiquement les requêtes précédentes grâce à switchMap.
Compétences ciblées
rxjsdebounceswitchmapasyncobservable