Blog

2025, la construction de ma librairie de gestion des CRUDs en Angular

Retour sur la création de ngx-crud-builder, ma librairie Angular pour générer des formulaires et tableaux CRUD.

Comprendre quelques utility types TypeScript utiles

Quelques utility types utiles : Pick, Omit, Exclude et Extract.

Pourquoi j’ai adopté les inline components dans Angular

Les Single-File Components (SFC) occupent une place de plus en plus centrale dans le framework.

Migrer vers les Signals Angular : partie 3, des observables aux Signals

Exemples et avantages de la migration de certains schémas basés sur les observables vers les Signals.

Migrer vers les Signals Angular : partie 2, des BehaviorSubjects aux Signals

Comment migrer un service Angular qui utilise des BehaviorSubjects vers les Signals

Migrer vers les Signals Angular : partie 1, inputs, outputs et état local

Comment migrer un composant Angular pour utiliser les Signals avec ses inputs, outputs et la gestion de l’état local

Comprendre les méthodes .at() et .with() en JavaScript

À quoi servent les méthodes .at() et .with() en JavaScript ?

Sélecteurs CSS modernes : :where(), :is() et :has()

De puissants nouveaux sélecteurs qui enrichissent les possibilités de mise en forme.

La projection de contenu dans Angular : guide rapide

Guide rapide sur ng-content dans Angular.

Fournir une fonction d’égalité aux signals

Contrôlez les vérifications d’égalité lors de la définition de signals dans Angular.

Signals dans Angular : input, output et computed

Quelques exemples de l’API signals dans Angular.

Déboguer du code RxJS dans Angular

Une technique RxJS simple pour déboguer dans Angular

L’annotation « as const » de TypeScript

L’annotation TypeScript as const : avantages et exemples.

The Power of Discriminated Union Types in TypeScript

TypeScript is a superset of JavaScript that provides static typing and additional language features that help developers write more robust and scalable code. One of the language features that TypeScript provides is discriminated union types, which allow you to create complex types that are composed of simpler types.

Créer un décorateur TypeScript

Qu'est ce qu'un décorateur et comment l'implémenter ?

Programmation réactive en Angular

Présentation faite lors d'un évènement de la communauté javascript @Sogeti (04/04/2023).

Arrêtez d'imbriquer des if

Pourquoi vous devriez éviter d'avoir des instructions 'else' dans votre code.

CSS Container Queries

Le compartitionnement CSS (CSS Containment) permet d'isoler des parties d'une page et de les déclarer indépendantes du reste de la page, en termes de styles et de layout.

Angular & Stratégies de détection de changement

Qu'est ce que la détection de changement en Angular, comment ça marche, comment la contrôler. Article uniquement en anglais pour le moment, déso.

RxJS: Implémenter une fonctionnalité de drag & drop

Petit tuto pour construire un système de drag & drop basé sur des observables en Angular.

RxJS: Opérateurs courants et exemples

Common RxJS operators explained and illustrated with examples

git push - Comportement par défaut

Définir le comportement par défaut de git push quand aucune refspec n est donnée dans la commande, ni configurée dans la remote.

has: un nouveau sélecteur CSS

Un nouveau sélecteur CSS qui simplifie la création de styles pour votre page web.

Angular : les bonnes pratiques

git wip : un alias bien pratique

Un alias bien pratique pour retrouver facilement sur quelle branche on était en train de travailler.

L'option Angular strictTemplates

Revue de différentes options pour la vérification du typage dans les templates des composants Angular, notamment l'option strictTemplates.

Performance des méthodes de clonage

Comparaison des performances des trois méthodes détaillées dans le dernier article: spread operator, JSON.stringify et cloneDeep de Lodash.

Cloner un Objet en Javascript

Pourquoi et comment cloner un objet via différentes méthodes.

Angular : Améliorez la performance de vos ngFor grâce à trackBy

La fonction trackBy permet d'indiquer à Angular comment tracker les items dans une directive ngFor

Comment débugger facilement avec Angular

Comment débugger facilement une application Angular avec l'objet 'ng'.

TypeScript : les bonnes pratiques

Dans ce post, nous allons voir les principales bonnes pratiques en TypeScript et ce que nous pouvons faire pour écrire un meilleur code.

ESLint pour TypeScript : mise en place

Un guide pour configurer ESLint dans son projet TypeScript.

console.log({ maVariable })

Petite astuce pour débugger plus facilement.

Mettre en place des thèmes

Améliorez l'expérience utilisateur en proposant différents thèmes sur votre site.

Astuce mode sombre

Petite astuce pour mettre en place un thème sombre en 1 ligne CSS

TypeScript: le type unknown

Définition du type unknown et quelques cas d'utilisation.

La différence entre ?? et ||

Comparaison entre les opérateurs || and ?? en JavaScript

Spread Operator

Mettre à jour les propriétés d'un objet en utilisant le spread operator : intérêt et exemples.

Performance des méthodes de dédoublonnage

Comparaison des performances des trois méthodes de dédoublonnage précédemment expliquées.

Dédoublonner un tableau en JS

3 méthodes de dédoublonnage de tableaux en JavaScript.

Affectation par décomposition

Présentation de l'affectation par décomposition, son intérêt et quelques exemples.