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
    Implémentation d'une recherche temps réel avec debounce et switchMap — mise en situation RxJS | CodeDuel