Angular Template Binding, les bonnes pratiques

Quelles sont les bonnes pratiques à utiliser en matière de data binding, pour créer ton template Angular? Dans cet article je vais détailler quelques techniques pour rendre tes template Angular plus lisible en respectant le plus possible les patterns de bonnes pratiques préconisées par le team Angular.

Lire la suite

Angular Factory Provider

Savais-tu que tu peux avec une factory, définir une configuration spécifique pour ton provider Angular? Le système d’injection de dépendances d’Angular est super complet et permet d’injecter avec une factory, des éléments de configuration au moment de l’instanciation du service. Dans cet article, je te montre comment créer une factory pour pouvoir configurer ton provider Angular.

Lire la suite

Animation Angular: Introduction

Sais-tu que Angular embarque une fonctionnalité pour créer des animations au niveau du DOM? Les animations Angular permettent de créer l’illusion du mouvement en manipulant et changent le style des éléments HTML. Dans cet article je te présente les principes de base pour pouvoir faire des animations avec le framework Angular.

Lire la suite

DOM manipulation avec Angular Renderer2

Comment manipuler le DOM avec Angular? Sais-tu utiliser le Renderer2 d’Angular pour modifier et manipuler les éléments du DOM? Trop souvent je vois des erreurs avec des appels fait avec document.querySelector() ou autres fonctions hérité de l’objet document ou window du navigateur. Dans cet article, je te montre la bonne manière de faire pour accéder ou modifier les éléments du DOM avec une application Angular.

Lire la suite

ChangeDetection: Speed up Angular Apps

Tu recherches comment rendre ton application Angular plus rapide? Tu connais la propriété ChangeDetection des Component Angular? Cette propriété du décorateur permet de modifier la manière dont Angular analyse les données pour effectuer les mises à jour au niveau du component. Dans cet article, je te montre comment améliorer la vitesse de rendu de ton application Angular en modifiant les paramètres de détection de changement.

Lire la suite

Angular 10: Les principales nouveautés

La nouvelle version d’Angular, Angular v10 est officiellement disponible depuis le 25 juin 2020. Avec cette nouvelle mise à jour du framework, l’équipe Angular continue à améliorer le framework et propose une mises à jour de l’écosystème, mais aussi une revue de divers points que je vous présente dans cet article.

Lire la suite

Speed NgFor avec la fonction TrackBy

Tu utilises *NgFor? Alors tu connais la fonction TrackBy non?? Savais-tu qu’il est possible de maximiser les performances de ton application Angular lors du parcours d’un tableau avec NgFor . En effet, tu as certainement remarqué que quand tu modifies un élément d’une liste NgFor, tout le DOM se recharge et cela fait clignoter l’interface? Tu veux résoudre ce problème? Je te montre dans cet article comment faire.

Lire la suite

Angular Routing: Optimiser le chargement des pages

Connais-tu les techniques pour optimiser le chargement des pages de ton application Angular? Elles permettent d’accélérer le chargement de ton application et offrent ainsi une meilleure expérience à l’utilisateur. Dans cet article, je te montre mes astuces de pro pour améliorer le chargement des pages en utilisant le routeur Angular.

Lire la suite

Dynamic Checkbox & Radio avec Angular Reactive Form

Les Checkbox et Radio sont une fonctionnalité essentielle de l’interface utilisateur de nombreuses applications Angular. Pourtant, aussi simple qu’elles paraissent, il n’est pas toujours facile d’implémenter un système dynamic et réactif de case à cocher avec une liste d’options en provenance d’une base de données par exemple. Je vais te montrer dans cet article comment faire cela facilement avec un exemple concret que tu pourras réutiliser.

Lire la suite

Angular Injection Multi Services

Avec Angular tu utilises probablement plusieurs services pour le traitement de tes données. Savais-tu que tu pouvais faire de la composition d’injection multi services pour gagner en lisibilité et en réutilisabilité? Cela est particulièrement utile quand tu crées de larges applications qui requièrent plusieurs services pour le traitement et la manipulation des données.

Lire la suite