RxJS

2021 pour les développeurs Front, Back et FullStack

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 operateurs de RxJS 5

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…

Bien démarrer le Reactive Programming en général et RxJS en particulier

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…

RxJS - tutoriel 5 : combiner vos flux avec les opérateurs combineLatest(), withLatestFrom() et zip()

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…

RxJS - tutoriel 4 : opérateurs interval(), timer(), take(), map() et l'indispensable do pour débugguer

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…

RxJS - tutoriel 3 : opérateurs de création d'observables of() et from()

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 à…

RxJS - tutoriel 2 : créer un Observable

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 - tutoriel 1 : créer un Observable

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.0 - tutoriel 17 : requêtes AJAX et observables

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…

Différences entre observable et promise

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…