Je tiens à vous souhaiter une bonne année 2021 ! Particulièrement après cette année 2020 qui aura été ... atypique pour ne pas dire plus. 2021 pour les devs Front L'année 2020 a été marquée par la sortie tant attendue de Vue 3. C'est l'occasion idéale d'ajouter Vue à votre CV car…
Les "operators" font la richesse de ReactiveX en général, et pour les développeurs web (et hybride) que nous sommes, de RxJS en particulier. Les opérateurs permettent de jouer avec des flux existants, d'en créer, de les combiner, de transformer ou de filtrer les données de ces flux et bien d'autres…
D'après Ben Lesh, qui n'est autre que le lead développeur de RxJS 5, ce qui effraie les nouveaux venus dans le monde de ReactiveX est le très grand nombre d'operators. Or, l'important est ailleurs. Il s'agit en priorité, toujours d'après Ben Lesh, de bien comprendre ce qu'est : un Observable un…
Certaines applications peuvent nécessiter de combiner les valeurs générées par deux flux différents. Qu'il s'agisse de poids/puissance ou de qualités/prix, vous devez disposer d'une paire de valeurs avant de pouvoir poursuivre. RxJS vous fournit de nouveau les opérateurs qui vous simplifieront la vie. La difficulté réside alors dans…
Les opérateurs dédiés à la production de valeurs à interval régulier est le bien nommé interval(), parfois remplacé par timer(). Lorsque vous souhaiterez limiter le nombre de valeurs produites, l'opératuer take() viendra à la rescousse. Enfin, débugguer des flux serait bien compliqué sans l'opérateur do(). Cet opérateur permet en effet…
La création d'observables peut se faire à l'aide d'operators moins verbeux que create(). Ainsi, nous allons voir comment of() et from() permettent de créer des observables à partir de valeurs primitives (string, number..., mais aussi à partir d'un tableau existant ou encore d'une promise. Il est important de garder à…
Lors de l'épisode précédent, nous avons vu comment nous abonner aux données poussées par un Observable. Deux autres handlers peuvent entrer en action : un error handler, lorsqu'un Observable retourne une erreur, et un complete handler, lorsqu'un Observable informe ses abonnés qu'il vient d'envoyer sa dernière donnée. …
RxJS vous permet de créer des flux de données qui arrivent au fil du temps. Là où RxJS devient intéressant, c'est qu'il permet de filtrer les données d'un flux, de les modifier, de les combiner mais aussi de combiner plusieurs flux. Les données d'un flux peuvent être des valeurs (string…
Angular 2 a opté pour l'utilisation des observables plutôt que des habituelles promises dans le cadre des requêtes asynchrones. RxJS, excellente librairie dédiée à l'asynchrone, a été choisie par l'équipe d'Angular 2 plutôt que de réinventer la roue. C'est donc les richesse et puissance des observables (épaulés par leurs nombreux…
Angular 2 utilise RxJS, donc les observables. Mais quelles sont les différences entre promises et observables ? Trois différences essentielles sont à noter : un observable est 'lazy'. Tant que vous n'appelez pas subscribe() sur un observable que vous avez créé, le code que contient cet observable ne s'exécute pas. Alors qu'une…