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.