Cours 14 : Angular - Introduction à RxJS Flashcards
Qu’est-ce que la programmation réactive et en quoi consiste-t-elle ?
La programmation réactive est un paradigme de programmation axé sur les flux de données et la propagation du changement.
Qu’est-ce que RxJS et quel est son rôle dans la programmation réactive en JavaScript ?
RxJS (Reactive Extensions for JavaScript) est une bibliothèque pour la programmation réactive en JavaScript, utilisant des Observables pour faciliter le traitement asynchrone des événements.
Qu’est-ce qu’un Observable et comment est-il utilisé dans RxJS ?
Un Observable est une représentation d’une source de valeurs qui se déroulent dans le temps, permettant de gérer des séquences d’événements asynchrones.
Qu’est-ce qu’un Observer dans RxJS et quelles sont ses fonctions principales ?
Un Observer est un ensemble de callbacks qui écoutent et réagissent aux événements émis par un Observable, notamment les fonctions next, error et complete.
Quelle est la syntaxe pour créer un Observable dans RxJS ?
Pour créer un Observable dans RxJS, on utilise la classe Observable et la méthode new Observable(subscriber => { … }).
Comment se désabonne-t-on d’un Observable dans RxJS pour éviter les fuites de mémoire ?
On se désabonne d’un Observable dans RxJS en appelant la méthode unsubscribe() sur l’abonnement retourné par la méthode subscribe().
Quels sont les opérateurs de transformation les plus couramment utilisés dans RxJS ?
Les opérateurs de transformation les plus couramment utilisés dans RxJS sont map, filter, reduce, scan, mergeMap, switchMap, etc.
Comment utilise-t-on les opérateurs de transformation dans RxJS avec la méthode .pipe() ?
On utilise les opérateurs de transformation dans RxJS avec la méthode .pipe() en chaînant les opérateurs les uns après les autres.
Comment s’intègre RxJS avec Angular et en quoi cela facilite-t-il la gestion des flux de données asynchrones ?
RxJS s’intègre avec Angular pour gérer les flux de données asynchrones, notamment les requêtes HTTP grâce au service HttpClient qui retourne des Observables.
Comment utilise-t-on RxJS avec le service HttpClient dans Angular pour effectuer des requêtes HTTP ?
On utilise RxJS avec le service HttpClient dans Angular en appelant les méthodes HTTP (get, post, put, delete) sur HttpClient, puis en utilisant la méthode pipe() pour traiter la réponse.
Quel est le but de l’atelier 1 et quelles étapes doit-on suivre pour le réaliser ?
L’atelier 1 consiste à créer un fichier temperatures.js, créer un Observable à partir d’un tableau de températures en Celsius, filtrer les températures négatives, convertir les températures en Fahrenheit, puis afficher les résultats dans la console.
Quel est le but de l’atelier 2 et quelles opérations doit-on effectuer pour le réaliser ?
L’atelier 2 consiste à utiliser l’API des cartes Pokémon, effectuer une requête HTTP pour récupérer les données, puis transformer la valeur de retour à l’aide de l’opérateur map pour retourner un tableau de cartes Pokémon.
Comment créer un Observable à partir d’un tableau de températures en degrés Celsius dans l’atelier 1 ?
Pour créer un Observable à partir d’un tableau de températures en Celsius dans l’atelier 1, on utilise from([22, -5, 33, 19, 15, -40, 25]).
Comment éliminer les températures négatives et convertir les températures en degrés Fahrenheit dans l’atelier 1 ?
Pour éliminer les températures négatives et convertir les températures en Fahrenheit dans l’atelier 1, on utilise les opérateurs filter pour éliminer les valeurs négatives et map pour effectuer la conversion.
Comment effectuer une requête à l’API des cartes Pokémon et transformer la valeur de retour à l’aide de l’opérateur map dans l’atelier 2 ?
Pour effectuer une requête à l’API des cartes Pokémon et transformer la valeur de retour à l’aide de l’opérateur map dans l’atelier 2, on utilise this.http.get(‘https://api.pokemontcg.io/v1/cards’).pipe(map(response => response[‘cards’])).
