Librairies Ngrx Pour Une Application Angular Reactive Part 3 Ngrx router-store

Voici la derniere partie sur les librairies NGRX, si vous n’avez pas déjà vu les précédentes, ça commence là → :Librairies NGRX pour une application Angular réactive. Part 1⁄3 : ngrx/store ngrx/router-store ngrx/router-store ? la librairie router-store est tout simplement un pont pour faire communiquer le router Angular à notre store, l’idée est de renforcer la notion de “single source of truth” du pattern Redux. Github → https://github.com/ngrx/platform/tree/master/docs/effects Nous allons voir 3 points principaux, fonctionnements que nous rajoutons au projet initial: …

Librairies Ngrx Pour Une Application Angular Reactive Part 2 Ngrx Effects

Vous voici sur la partie 2 de cet article où nous allons implémenter un Effect. Si vous n’avez pas vu la première partie, c’est ici :Librairies NGRX pour une application Angular réactive. Part 1⁄3 : ngrx/store ngrx/effects ngrx/effects ? Les reducers sont dits “purs” et ne doivent donc en aucun cas récupérer une donnée autre que leurs paramètres, nous allons donc rajouter un middleware pour volontairement introduire du “side effect” qui représentera nos intéractions serveur. …

Librairies Ngrx Pour Une Application Angular Reactive Part 1 Ngrx Store

Mon article précédent traitait globalement de l’architecture proposée par Redux pour des web app dites “réactives”. Je vous recommande de le lire si vous n’êtes pas familier avec Redux : Le State management pour les webapps avec Redux. Maintenant, sur le même sujet, nous allons nous concentrer sur les applications Angular et nous allons voir des librairies de la team ngrx. Cet article est divisé en 3 parties : …

Le State management pour les webapps avec Redux

Introduction Problématique Dans une web app simple, par défaut on va permettre à nos composants de consommer de la donnée : un composant peut lire, créer ou éditer une donnée “A” , tandis qu’un autre peut lui aussi modifier cette donnée “A”, et qu’un troisième composant va pouvoir éditer une propriété de la donnée “A”. Il est facile d’avoir la référence d’un objet distribué à droite à gauche et de permettre un accès vers de multiples composants. …