Blog

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

Deno, le nouveau runtime pour Typescript

Tu connais pas Deno?? Tu utilises NodeJS pour tes projets backend? Alors cet article va grandement t’intéresser! En 2018 déjà, lors de la JSConf, Ryan Dahl le créateur de Node Js, présentait ses regrets quant à la conception et l’utilisation de NodeJS. Il nous parle alors de son nouveau projet un peu fou… Deno. Je te présente ici la future relève de Node Js, j’ai nommé Deno V1, qui est officiellement sorti le 13 mai 2020.

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

Les Web Component avec Vanilla JS

Les Web Component. Vous en entendez parler partout depuis un moment maintenant et vous ne savez pas ce que c’est ou comment cela fonctionne? Je vous explique dans cet article ce qu’est un Web Component et pourquoi il y a un tel engouement pour cette techno.

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