Bonus stage

Schematics

Dans sa version 5, Angular introduit les schematics (templates de fichiers personnalisés). NGRX a crée des schémas pour permettre d'avoir des stores, reducers, effects ... en ligne de commande :

ng generate effect App --root --module app.module.ts --collection @ngrx/schematics

Disponible sur ce lien : @ngrx/schematics .

Basics testing

Les fichiers .specs de test sont mis à jour sur la branche step-13 ainsi que les imports des modules, pour faciliter la gestion des dépendances.

Karma

Change Detection OnPush

Angular effectue la détection des modifications sur tous les components (de haut en bas) chaque fois que quelque chose change dans l'application, à partir d'un événement utilisateur ou de données reçues d'une requête.

La détection des changements est très performante, mais au fur et à mesure que l'application devient plus complexe et que la quantité de composants augmentent, la détection des changements devra effectuer de plus en plus de travail.

Il existe cependant un moyen de le contourner, en définissant la stratégie de détection de modifications sur OnPush. Angular exécutera donc la détection de modifications sur les composants et leurs sous-arborescences, uniquement lorsque de nouvelles références leurs seront transmises.

Article : https://alligator.io/angular/change-detection-strategy/

L’architecture NGRX permet d'appliquer le OnPush sur tous vos components.

Suite >>