Nous continuons notre série autour des observables et de RxJs. Après avoir vu le filter et parler des map, nous allons approfondir nos connaissances avec switchMap, concatMap, mergeMap. Les operators ne sont que des fonctions Rappelons tout d’abord que les operators, Observable, ne sont que des fonctions orchestrés en mode programmation fonctionnelle, programmation Reactive.
Maintenant que nous avons saisi l’intérêt des operators de RxJs avec map et tap, voyons troisième, qui est très pratique pour sélectionner ce qui est réellement émis en résultat dans notre pipe : filter. Bien comprendre l’Observable Rappelons de nouveau ce qu’est une observable : c’est un tuyau d’émission où un souscriveur va attendre qu’on lui
Continuons notre aventure des Observables, en nous arrêtant sur les premiers operateurs que vous allez obligatoirement utiliser, à savoir : tap et map. Découvrons les operators Vous vous souvenez de la commande fetch de vanilla js ? Pour récupérer le json envoyé depuis l’api, vous aviez du faire deux then : un premier pour récupérer le
Commençons notre série sur les Observables avec une présentation de la classe, à quoi elle sert. Nous les comparerons avec les Promises, et nous verrons pourquoi elles sont bien plus puissantes ! Programmation réactive et pattern Observer Les Observables de RxJs se basent sur le pattern Observer : Un observable qui émet des informations
Les livraisons avancent à grand pas, et on peut avoir un peu de mal à tout suivre ! Angular était encore il y a quelques mois en version 10, voila que depuis la semaine dernière il est en version 11 ! Voyons ensemble les derniers nouveautés. Fermeture de bugs bien connus Que ce soit le
Que ce soit au niveau 1, ou bien pour le niveau 2, pour Angular, nous remarquons que l’un des points les moins maitrisés : c’est l’utilisation des Observable et de RxJs. C’est pourquoi nous allons commencer une série d’articles (complétés de vidéos) autour de RxJs et des opérators. Voici la liste initiale prévue d’articles :
Et ça y est, vous avez déjà bien avancé dans Angular, et vous souhaitez faire plus. Vous ne souhaitez pas utiliser les animations css. Et pourtant, vous souhaitez animer vos composants, leurs contenus ? Les animations css sont faites pour vous ! Déclaration dans chaque composant Toute animation doit être déclarer dans la partie declaration
Ca y est, vous avez tout paramétré pour faire fonctionner votre Etat ngrx avec Angular. Reste plus qu’à sélectionner les données, du temps des observables, et le tour est joué, non ? Ah non .. oh ?! Bon aller, on va voir comment y arriver … c’est un peu plus long qu’il n’y paraît.
L’étape 1 pour préparer notre State, nos actions est prête, c’est bon ? Alors, voyons ensemble les étapes pour sélectionner une liste de Wookies, depuis notre State ngrx. Première étape : Mettre à jour nos actions, pour plus de clarté de code Lorsqu’on génère les actions depuis le ng generate, il nous ajouter les
Si vous venez de ReactJs, vous devez sans connaître Redux, la librairie d’unification des états de votre application. Et bien, sachez qu’il existe une librairie qui s’en est inspirée pour Angular : ngrx. Elle utilise les même principes : Actions, Reducers et Selectors. Découvrons ensemble comment l’intégrer dans votre projet Angular. Première étape :