Toutes les applications Angular ne nécessitent pas un gestion d’état très précis, toutefois quand on veut gérer précisément l’état d’une application Angular, le projet Ngrx nous mets tout les outils nécessaires à disposition. Ngrx est basé sur le Redux pattern, je ne vais pas expliquer toute la théorie du pattern, je vais juste expliquer comment mettre en place Ngrx dans un nouveau projet Angular. La mise en place est assez longue et la prise en main quand on ne connait pas le pattern Redux peut paraitre assez lourde, mais à l’usage ce pattern à beaucoup d’avantages: le degug, le testing, la séparation des responsabilités, etc…

Il existe plusieurs opérateurs pour combiner les observables, pour choisir l’opérateur qui réponde parfaitement à notre besoin il faut se poser quelques questions essentielles: Quels sont mes observables en entrée l’ordre d’arrivée de mes observables en entrée est-il important Ce que je veux en sortie Tout d’abord un petit rappel: les opérateurs d’instance (instance method) s’enchainent dans la méthode pipe(), et chaque opérateur renvoi un nouvel observable, ce qui signifie que le paramètre en entrée de l’opérateur2 sera le resultat de l’opération sur l’opéarteur1

Au début j’ai eu beaucoup de mal avec splice et slice, en général en tapant le nom d’une méthode dans google trad on comprend un peu plus à quoi elle sert, dans le cas de splice et slice ce n’est pas aussi évident. Je vais tenter d’expliquer au mieux ces deux méthodes qui finalement n’ont rien de plus complexe qu’un pop() ou un push() splice() La méthode splice() est appliquée sur un tableau, cette méthodde modifie directement le tableau initial, en y ajoutant ou y retirant des éléments, c’est donc à splice() qu’on fera appelle pour modifier un tableau existant.

En Javascript, hors contexte node.js, on ne pouvait pas (pendant longtemps) découper notre code en plusieurs fichiers et importer tel fichier dans tel fichier comme on le fait avec node ou en PHP.Si on veut découper le code en plusieurs fichiers pour le rendre plus lisible, il faut importer dans le fichier html chaque fichier dans le bon ordre, comme on le ferait avec jQuery et bootstrap.js (car bootstrap.js se base jQuery).

Les tableaux (ou listes) peuvent s’avérer très utiles pour stocker un ensemble de données, pour parcourir ces données bien sûr il y a dans tous les languages de programmation la boucle for, mais bien souvent des méthodes bien pensées peuvent nous faire gagner en temps et en performance, en voici quelques-une La méthode map() map nous permet d’appliquer des opérations à chaque élément d’un tableau, elle nous retourne un nouveau tableau modifié.

On peut se servir de la librairie RxJs dans un simple projet javascript, dans un contexte Node.js ou tout simplement dans un navigateur. On va, ici, s’en servir dans un navigateur pour une rapide présentation de quelques opérateurs. Tout d’abord on crée un dossier avec trois fichiers dedans: index.html, style.css et app.js index.html va juste importer RxJs via un CDN et fera appel à notre feuille de style et notre script