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

Angular, créer un service réactif avec les Observables

Les Observables sont un concept que l’on retrouve dans le framework Angular. Il est ainsi possible de créer des services Réactifs en utilisant les Observables pour propager plus facilement la mises à jour des données dans les composants qui consomment ces datas. Je vous présente dans cet article comment mettre en place et utiliser un service réactif pour votre application Angular.

Lire la suite

Recursive *ngFor avec Angular

Vous savez certainement déjà tous comment effectuer une iteration de tableau avec la directive *ngFor. Dans cet article, je vais vous montrer comment effectuer une boucle récursive avec Angular. Je vais vous présenter deux manières d’effectuer cette opération. Libre à vous ensuite de choisir celle qui convient le mieux à votre cas d’utilisation. Avant de […]

Lire la suite

NgClass: manipuler les Class avec Angular

Dans cet article, vous allez découvrir comment affecter dynamiquement des class à des éléments HTML du DOM avec le framework Angular. Je vais vous présenter différentes méthodes pour attribuer dynamiquement une class à un élément du DOM. Libre à vous ensuite de choisir celle qui vous convient le mieux.¨ Je vais en premier vous montrer […]

Lire la suite

Developper des applications Full Stack avec Angular CLI et Nx Workspace

Découvrez comment organiser l’architecture complète d’un projet utilisant Angular en Front et Node JS en Backend avec un outil qui est maintenant de plus en plus répandu en entreprise. Il s’agit de Nx de Nrwl. L’extension pour booster les capacités d’Angular CLI et permettre une organisation de projet full stack digne d’une machine de guerre. La galère des projets Full Stack […]

Lire la suite

Upload File avec un Reactive Form Angular

Créer un Reactive Form avec system de gestion de l’upload file est un grand classique des exercices lors des formation Angular. Toute la difficulté réside dans le faite de binder le formulaire avec l’input qui permet de sélectionner le fichier à envoyer sur le serveur.

Lire la suite