Angular 4 - regles -- Français

13
vertika.org by Jean Garutti -- Angular 4 -- 08/29/17 -- 1 Angular 4 expressions de template Règles à respecter

Transcript of Angular 4 - regles -- Français

Page 1: Angular 4  - regles -- Français

vertika.org by Jean Garutti -- Angular 4 -- 08/29/17 -- 1

Angular 4expressions de template

Règles à respecter

Page 2: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 2by Jean Garutti

La directive structurelleElle est responsable

de tout

Angular l’améliore encore

Jean Garutti – vertika.org

Page 3: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 3by Jean Garutti

Respectez les règles de la tribu

Page 4: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 4by Jean Garutti

Une expression de template ne doit modifier aucun état

de l'application autre que la valeur

de la propriété cible.

Aucun effet secondaire visible

Page 5: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 5by Jean Garutti

Cette règle est essentielle à la politique de «flux de données unidirectionnelles» d'Angular.

la lecture d'une valeur de composant ne doit pas modifier une autre valeur affichée.

La vue doit rester stable tout au long d'une seule passe de rendu.

Aucun effet secondaire visible

Page 6: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 6by Jean Garutti

Angular exécute des expressions de template

après chaque cycle de détection d’un changement.

Exécution rapide

Page 7: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 7by Jean Garutti

Les cycles de détection des changements sont déclenchés par de nombreuses activités asynchrones telles que

les résolutions de promesses, les résultats http, les événements temporisés, les pressions de touches et les mouvements de la souris

Exécution rapide

Page 8: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 8by Jean Garutti

Les expressions doivent se terminer rapidement sinon l'utilisateur

peut se lasser, en particulier sur les

périphériques plus lents.

Exécution rapide

Page 9: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 9by Jean Garutti

Utilisez les valeurs mises en cache lorsque leur calcul

coûte cher.

Exécution rapide

Page 10: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 10by Jean Garutti

Il est possible d'écrire des expressions de templateassez complexes, mais vous devez les éviter.

Un nom de propriété ou un appel de méthode doit être la norme.

Simplicité

Page 11: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 11by Jean Garutti

Si une expression idempotente renvoie une chaîne ou un nombre,

elle renvoie la même chaîne ou le même nombre lorsqu‘elle est appelée deux fois de suite.

Si l'expression renvoie un objet (y compris un tableau),

il renvoie la même référence d'objet lorsqu'il est appelé deux fois de suite.

Idempotence

Page 12: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 12by Jean Garutti

en 7 langues en présentiel ou en e-learning

par des experts

Pour la suite, inscrivez-vous aux cours Angular 4

Page 13: Angular 4  - regles -- Français

[email protected]

-- Angular 4 -- -- 13by Jean Garutti