EasyAngularKit

Tes composants dynamiques échouent en silence : reflectComponentType est le garde-fou que tu n'utilises pas

Tue, 28 Jul 2026 00:00:00 GMT

setInput() avec un nom d'input inconnu ne throw pas par défaut : un console.error NG0303 en dev, rien en prod. reflectComponentType expose le contrat réel d'un composant (inputs, outputs, selector, ng-content) pour valider tes composants dynamiques et tester leur API publique sans les rendre.

Ton `Signal` public n'est pas readonly : le bug runtime Angular que TypeScript te cache

Mon, 27 Jul 2026 00:00:00 GMT

Tu exposes ton state via `readonly user = this.userSignal` typé `Signal`. En review, ça a l'air propre. Au runtime, un cast d'une ligne dans un composant feuille (`as WritableSignal`) suffit pour écraser ton store : TypeScript refuse l'appel direct, mais ne voit pas passer le cast. Voici les 2 faux amis d'encapsulation signal, ce que `asReadonly()` protège vraiment (et ce qu'il ne protège pas), et le test à ajouter pour être sûr.

`enum` laisse du JavaScript derrière lui, et Node refuse déjà de l'exécuter

Sun, 26 Jul 2026 00:00:00 GMT

Ton `enum` produit un objet dans ton bundle, refuse de passer dans un template Angular, et le jour où quelqu'un insère un état au milieu, tes commandes déjà persistées en `Sent` redeviennent `Pending`. Node 22 refuse purement et simplement de l'exécuter. Ce qu'il coûte vraiment, l'argument honnête en sa faveur (et pourquoi il tient moins qu'on croit), et les trois patterns de remplacement.

`readonly` n'est pas un commentaire : rends la mutation impossible au lieu d'y survivre

Sun, 26 Jul 2026 00:00:00 GMT

Ton `computed()` qui trie réécrit sa propre source : `.sort()` trie en place, et rien dans le type ne l'en empêche. Comment déplacer l'immutabilité de la discipline vers le type - `readonly`, `ReadonlyArray`, `as const` - pourquoi `Readonly` te trahit, et pourquoi le `DeepReadonly` qu'on trouve partout casse dès qu'il y a une `Date` dans ton état.

4 champs optionnels = 16 états possibles, 4 valides : passe aux unions discriminées

Sun, 26 Jul 2026 00:00:00 GMT

Ton type d'état a quatre `?`, donc seize combinaisons, dont la plupart n'ont aucun sens métier. Résultat : des `!` partout, un dernier `return` poubelle, et un ordre de `if` qui tient lieu de spécification. Comment passer d'un sac d'optionnels à une union discriminée, ce que le narrowing te rend, les 4 pièges qui cassent le discriminant, et un piège de narrowing que les templates Angular rendent quasi inévitable (vérifié au compilateur).

55 KB de JS pour un fade-in : virer @angular/animations avec animate.enter et animate.leave (Angular 20.2+)

Fri, 24 Jul 2026 00:00:00 GMT

Depuis Angular 20.2, les bindings animate.enter et animate.leave remplacent @angular/animations pour 95% des cas. Migration, pièges et bundle avant/après.

markForCheck() en 2026 : les 4 cas où tu peux enfin le virer (et le seul où tu dois le garder)

Fri, 24 Jul 2026 00:00:00 GMT

Avec les signals partout, ChangeDetectorRef.markForCheck() ressemble à un fossile. Presque. Voici les 4 patterns où tu peux le supprimer sans risque, et le seul cas où il reste indispensable.

Ton @HostBinding avec un signal ne fait rien : le silent bug que host: {} corrige

Wed, 22 Jul 2026 00:00:00 GMT

Tu remplaces ta propriété par un signal, tu gardes ton @HostBinding, la classe reste collée à l'élément host pour toujours. Aucune erreur, aucun warning. Explication du silent bug, du workaround qui ment à moitié, et de la forme canonique host: {} qui devient la référence du style guide v20+.

ngComponentOutlet vs ngTemplateOutlet : l'arbre de décision que personne ne t'a donné

Wed, 22 Jul 2026 00:00:00 GMT

Les deux projettent quelque chose dynamiquement, alors on les confond, on prend le mauvais, et on finit par se battre contre le framework. Voici la vraie distinction : qui décide du markup, qui possède le comportement, et comment choisir en 30 secondes entre projeter un composant, projeter un template, ou passer en impératif.

ngComponentOutlet en Angular 20 : rendre des composants pilotés par la donnée, sans forêt de @switch

Wed, 22 Jul 2026 00:00:00 GMT

Tu as un dashboard, un feed ou un formulaire dont la composition dépend de la donnée. Tu empiles les @switch et ça devient ingérable. ngComponentOutlet rend le bon composant à partir d'une classe, avec ses inputs, son injector et son contenu projeté. Version moderne, typage, registry et la limite à connaître sur les outputs.

`outputFromObservable` et `outputToObservable` : les 2 ponts que ta migration `EventEmitter` → `output()` ignore

Mon, 20 Jul 2026 00:00:00 GMT

Tu passes tes `@Output() EventEmitter` en `output()` et d'un coup ton `.pipe(debounceTime())` ne compile plus, ton service RxJS ne se branche plus, et tes tests hurlent. Les deux fonctions d'interop existent depuis Angular 17.3 (stables depuis la 19) mais 90% des migrations les ratent. Tour des 5 pièges qui cassent ton flux RxJS quand tu passes aux outputs signals, avec les patterns pour reprendre la main.

Signal `equal` : pourquoi ton `set()` avec un objet ne re-render rien (et les 5 pièges qui te bouffent la journée)

Fri, 17 Jul 2026 00:00:00 GMT

Tu appelles set() avec un nouvel objet, ton composant ne bouge pas. Ou pire : tu appelles set() avec la même valeur, et Angular re-render quand même. La fonction equal des signals est piégeuse dès que tu quittes les primitives. Tour des 5 pièges qui sabotent tes re-renders et les patterns pour reprendre la main sans casser les perfs.

"Le lazy loading Angular ça sert à rien" : 5 niveaux de découpage que tu ignores

Thu, 16 Jul 2026 00:00:00 GMT

Routing, composants avec @defer, services, preloading, SSR : le lazy loading en Angular ne se limite pas à loadComponent. Voici pourquoi, quand et comment découper ton app à chaque niveau, chiffres à l'appui.

Arrête de traîner Title.setTitle() dans chaque page : le pattern TitleStrategy qui centralise ton SEO

Wed, 15 Jul 2026 00:00:00 GMT

Ton titre d'onglet est incohérent d'une page à l'autre ? Un composant l'oublie carrément ? Tu as éparpillé Title.setTitle() partout au lieu d'utiliser TitleStrategy. Voici pourquoi le service Title tout seul est un piège, et le pattern qui règle titre + suffixe + meta description en un seul endroit.

abortSignal avec resource() : le pattern anti race condition que tout le monde oublie

Mon, 13 Jul 2026 00:00:00 GMT

Ton composant affiche le détail du mauvais utilisateur quand tu cliques vite. Ce n'est pas un bug d'Angular. C'est une race condition classique que resource() promet de tuer... à condition d'utiliser son abortSignal. Voici les 4 pièges qui te ramènent au point de départ.

providers vs viewProviders : le service qui disparaît quand tu projettes ton contenu

Fri, 10 Jul 2026 00:00:00 GMT

Ton Form fournit un Validation. Ton Field l'injecte. Ça marche en interne, ça pète en NG0201 quand le Field est projeté via ng-content. La différence entre providers et viewProviders tient en une règle de 3 lignes, et elle change la surface DI complète de ton composant. Démonstration, explication de la résolution, 4 patterns à connaître.

SSR Angular : 4 erreurs avec `window` qui plantent ton rendu serveur (et le fix propre en 3 primitives)

Wed, 08 Jul 2026 00:00:00 GMT

Tu actives le SSR, ton app fonctionnait très bien. Puis `ReferenceError: window is not defined` au premier build. Ou pire : ça build, mais ton API est refetchée, tes observers restent actifs côté serveur et ton bundle SSR gonfle. Voici les 4 erreurs Angular 17+ qui te piègent avec `window` / `document` / `localStorage` et le fix propre avec `PLATFORM_ID`, `DOCUMENT` et `afterNextRender`.

ng-content : 6 patterns de projection Angular qui séparent le composant réutilisable du jetable

Mon, 06 Jul 2026 00:00:00 GMT

Tu poses un dans ton composant Card et tu penses que c'est réutilisable. Sauf que le slot vide casse ton layout, l'ordre de tes select te joue des tours, un disparait dans un slot à sélecteur de tag, et détecter un slot vide te force à toucher au DOM. 6 patterns concrets, tous vérifiés en test, avec du signal-based contentChild pour boucler proprement en Angular 20+.

prefers-reduced-motion en Angular : au-delà du reset CSS

Mon, 06 Jul 2026 00:00:00 GMT

Coller le reset global qui met toutes les animations à 0.01ms te donne bonne conscience, mais il rate deux choses : la motion qui portait du sens disparaît d'un coup, et tout ce qui est animé en JS ou par Angular passe à travers le filet. Faire prefers-reduced-motion correctement, ancré sur du vrai code Angular 21.

Tokens @theme Tailwind v4 : primitives vs sémantiques

Sun, 05 Jul 2026 00:00:00 GMT

Un @theme qui empile 40 couleurs à plat, c'est du drift garanti : chaque composant consomme la palette brute et re-thémer devient un chercher-remplacer. La vraie architecture tient en deux couches, primitives et sémantiques, et ce repo la fait tourner en prod pour thémer trois produits d'un seul point.

CSS :has() en Angular : 5 patterns qui remplacent du JS

Fri, 03 Jul 2026 00:00:00 GMT

Chaque fois que tu ajoutes un effect() ou un [class.x] pour réagir à l'état du DOM, tu écris du JavaScript que le CSS ferait mieux. :has() style un parent selon ses enfants, sans listener, sans hydratation, dès le SSR. Cinq patterns concrets, ancrés sur du vrai code Angular 21.

`withViewTransitions()` : 6 pièges qui rendent tes transitions Angular invisibles

Fri, 03 Jul 2026 00:00:00 GMT

Tu actives View Transitions API dans le router Angular, tu vois un flash, tu penses que ça marche. Ça ne marche pas. Voici les 6 pièges qui font que 90% des devs qui essaient View Transitions abandonnent au bout d'une heure, et le pattern minimal pour des transitions natives fluides sans dépendance tierce.

Lazy-loader la CSS de co-branding : comment j'ai retiré 2,5 Mo du bundle initial sur une app à 30 marques

Wed, 01 Jul 2026 00:00:00 GMT

Une app multi-marques qui charge les 30 thèmes CSS après le login alors qu'un user n'en verra qu'un seul. On est passés de 6,5 Mo à 4 Mo de bundle initial en lazy-loadant la feuille de la marque active. Voici la ligne de décision entre token-swap global et lazy-load, et le code Angular 17+ qui va avec (resolver, injection de link, FOUC, SSR).

NgTemplateOutlet en Angular 20 : 4 patterns pour construire des composants génériques 100% typés

Wed, 01 Jul 2026 00:00:00 GMT

Tu construis un DataTable, un Select ou un Autocomplete réutilisable avec projection de template. Ça marche, mais dans le template consumer, tout est typé any. Voici comment récupérer un context strictement typé grâce à ngTemplateContextGuard, aux composants génériques et aux signal inputs.

Styles inline Angular : ce que ton lint CSS ne voit pas

Wed, 01 Jul 2026 00:00:00 GMT

Coller les styles d'un composant Angular en template literal, c'est confortable, mais Stylelint qui tourne sur *.css ne les voit jamais : CI verte pendant que 29 composants accumulent px et hex. L'arbitrage inline vs .css externe, et comment linter le CSS-in-TS.

Stylelint : arrête de reprendre tes devs sur les px en review, laisse la CI le faire

Wed, 01 Jul 2026 00:00:00 GMT

Sur un gros projet Angular avec des devs qui tournent et une majorité de profils back, tu passes tes revues à répéter les mêmes remarques CSS : px au lieu de rem, hex en dur au lieu des tokens. Voici comment Stylelint transforme ces conventions en règles qui échouent la CI, avec la config exacte (px, hex, fonts) et le piège Tailwind v4 à désamorcer.

BehaviorSubject vers signals : 4 patterns à migrer (et les 2 cas où tu dois le garder)

Mon, 29 Jun 2026 00:00:00 GMT

Tes services Angular sont bourrés de BehaviorSubject ? La moitié n'a plus aucune raison d'exister depuis les signals. Voici 4 patterns de refacto et les 2 cas qui restent légitimes en RxJS.

`inject()` : 4 flags qu'on oublie (et qui ferment tes bugs DI hiérarchique)

Fri, 26 Jun 2026 00:00:00 GMT

Optional, self, skipSelf, host. Quatre options de `inject()` qui changent radicalement la façon dont Angular résout tes dépendances. La plupart des devs n'en utilisent qu'une (optional) et passent à côté de 3 patterns qui débloquent les bugs de DI les plus tenaces.

toSignal() et toObservable() : 6 pièges d'interop qui font crasher ton state Angular

Wed, 24 Jun 2026 00:00:00 GMT

Tu mélanges Signals et RxJS dans le même composant et un coup sur deux ton state se met à clignoter, à renvoyer undefined ou à manquer une valeur synchrone. Six pièges d'interop bien réels avec toSignal() et toObservable(), avec le pattern qui fixe chaque cas. Valide Angular 17+.

NG0100 ExpressionChanged : causes et fixes en Angular

Sat, 20 Jun 2026 00:00:00 GMT

NG0100 ExpressionChangedAfterItHasBeenCheckedError : pourquoi cette erreur Angular surgit en dev, ce qui change en zoneless (v21) et comment la corriger.

HttpContext Angular : 5 patterns pour configurer tes interceptors sans header magique

Fri, 19 Jun 2026 00:00:00 GMT

Tu skips l'auth avec un header X-Skip-Auth que ton interceptor lit puis supprime ? Tu désactives ton loader avec un meta non typé passé en query string ? HttpContext résout ça depuis Angular 12 : des tokens typés, scopés à une requête, lus dans n'importe quel interceptor fonctionnel. 5 patterns concrets, le before/after, et comment tester.

Zod parse vs safeParse : lequel choisir en Angular

Thu, 18 Jun 2026 00:00:00 GMT

parse() lance une exception, safeParse() retourne un résultat typé. Quand choisir l'un ou l'autre en Angular : API, HttpClient, httpResource, formulaires.

Angular SSR : 4 erreurs qui font fetcher ton API deux fois (et coûtent 800ms à ton TTI)

Wed, 17 Jun 2026 00:00:00 GMT

Ton SSR rend la page côté serveur, puis ton client refetch la même API au mount. Bravo, tu paies deux fois et ton Time To Interactive prend 800ms dans la tronche. Voici les 4 erreurs Angular 17+ qui causent le double-fetch en SSR et comment chaque correction prend moins de 5 lignes.

Vitest config Angular : setup, jsdom et couverture de code

Wed, 17 Jun 2026 00:00:00 GMT

Vitest config Angular : anatomie de vitest.config.ts, fichier test-setup, environnement jsdom, couverture v8 et seuils. Le guide complet pour bien configurer.

Karma to Vitest : migrer ses tests Angular sans douleur

Wed, 17 Jun 2026 00:00:00 GMT

Karma to Vitest : pourquoi et comment migrer tes tests Angular vers Vitest. Équivalences Jasmine, builder officiel, pièges zoneless et tableau comparatif.

canMatch vs canActivate : pourquoi ton guard HTTP marche en cliquant mais casse en collant l'URL

Tue, 16 Jun 2026 00:00:00 GMT

Ton guard avec un appel HTTP fonctionne quand tu navigues par les liens, et part en 404 quand tu colles l'URL directement ? Tu l'as mis dans canMatch au lieu de canActivate. Les deux ne tournent pas dans la même phase du Router, et l'un échoue en silence. Explication, signature de diagnostic, et le before/after qui répare.

Router Angular : les 17 events de navigation et pourquoi ton loader tourne dans le vide

Tue, 16 Jun 2026 00:00:00 GMT

Ton spinner de navigation tourne à l'infini sur un guard qui refuse ? Ton resolver annule la navigation en silence et personne ne comprend pourquoi ? Le cycle d'events du Router Angular explique tout : la séquence complète, ce qui interrompt la nav, et les 3 cas d'erreur. Avec le pattern de loader qui ne te lâche jamais.

@for et track : 5 erreurs qui rebuild ton DOM à chaque tick

Fri, 12 Jun 2026 00:00:00 GMT

Le track de @for n'est pas un détail cosmétique : c'est ce qui décide si Angular réutilise tes lignes ou les recrée toutes à chaque changement. 5 erreurs classiques qui transforment une liste fluide en diaporama, avec le before/after qui te rend les 60 FPS.

Angular 19+ : `provideAppInitializer` enterre `APP_INITIALIZER` (et te fait gagner 70% de boilerplate)

Wed, 10 Jun 2026 00:00:00 GMT

Angular 19 a introduit provideAppInitializer et marqué le vieux token APP_INITIALIZER deprecated. Plus de useFactory, plus de deps array typé any, plus de double lambda : un callback qui tourne en contexte d'injection, avec inject() qui marche directement. Migration complète en 4 minutes, avec les pièges qui restent.

Formulaire de création et d'édition : un composant ou deux ?

Sun, 07 Jun 2026 00:00:00 GMT

Create et edit qui se ressemblent à 90 % : un seul composant avec un mode, ou deux ? La réponse avec Signal Forms (Angular 22), un critère de décision binaire et un pattern qui supprime les if(mode).

Guards, Resolvers, Interceptors Angular : 5 raisons d'arrêter d'écrire des classes

Fri, 05 Jun 2026 00:00:00 GMT

Tes guards sont encore des @Injectable() avec un constructor de 4 paramètres ? Tes interceptors sont enregistrés via HTTP_INTERCEPTORS multi: true ? Tu écris du code Angular 14. Voici 5 raisons concrètes (bundle, tests, composition) de passer en fonctionnel, avec le before/after qui va bien.

@let dans les templates Angular : 5 patterns pour virer tes computed() de présentation

Fri, 05 Jun 2026 00:00:00 GMT

Tu colles un computed() à chaque fois que t'as besoin d'une expression dérivée dans ton template. Sauf que 80% du temps, c'est juste de l'affichage qui n'a rien à faire dans le TypeScript. @let, stable depuis Angular 19, fait le boulot dans le template avec un type narrowing propre et zéro boilerplate. 5 patterns concrets pour nettoyer ton code.

@Service : le décorateur qui remplace @Injectable (et quand il ne faut pas l'utiliser)

Fri, 05 Jun 2026 00:00:00 GMT

Angular 22 introduit @Service, un décorateur plus ergonomique que @Injectable pour 90% de tes services. Singleton root par défaut, inject() obligatoire, scoping via autoProvided. On compare les deux ligne par ligne, et on voit les cas où @Injectable reste indispensable.

knip sur Angular + Nx : traquer le code mort sans crouler sous les faux positifs

Fri, 05 Jun 2026 00:00:00 GMT

knip détecte fichiers, dépendances et exports morts en un seul outil. Mais sur un projet Angular SSR + Nx, le run brut flag tes entrypoints serveur et ton tooling. Voici la config qui sépare le signal du bruit, tirée d'un cas réel.

Angular 22 : le guide complet de la release signal-first

Wed, 03 Jun 2026 00:00:00 GMT

Angular 22 est sorti et signe la fin des expérimentations : OnPush par défaut, Signal Forms stables, FetchBackend par défaut, décorateur @Service, injectAsync, outils MCP, et un gros ménage d'APIs legacy. On passe tout en revue, avec du code.

NG0203 : inject() hors contexte d'injection, le piège silencieux qui crashe en prod

Tue, 02 Jun 2026 00:00:00 GMT

NG0203 te tombe dessus dès que tu déplaces un inject() dans un setTimeout, un Observable ou après un await. L'erreur n'apparaît pas toujours en dev, parfois seulement en SSR ou en prod. Tour des 4 scénarios qui déclenchent l'erreur et des bonnes manières de la corriger sans casser ton architecture.

NgOptimizedImage : 5 erreurs qui plombent ton LCP (et ton score Lighthouse)

Wed, 27 May 2026 00:00:00 GMT

Tes images sont presque toujours l'élément LCP de ta page, et c'est souvent elles qui font chuter ton score Lighthouse. NgOptimizedImage corrige le CLS, le lazy-loading mal placé et les images servies en 2000px sur mobile, à condition de ne pas tomber dans les 5 pièges classiques. Guide pratique avec before/after.

model() : supprime 60% du boilerplate de tes two-way bindings Angular

Fri, 22 May 2026 00:00:00 GMT

Tu écris encore input() value + output() valueChange + un emit() manuel pour un simple [(banana)] ? model() fusionne les deux signaux en un seul, reste writable des deux côtés et s'intègre nativement aux signals. Guide complet : forme courte, required, validations, pièges de boucle et quand NE PAS l'utiliser.

afterNextRender() et afterRender() : remplace tes setTimeout(0) et tes ngAfterViewInit qui plantent en zoneless

Wed, 20 May 2026 00:00:00 GMT

ngAfterViewInit lit le DOM trop tôt. setTimeout(0) est un hack. Et en zoneless, les deux explosent. Angular 16 a introduit afterNextRender() et afterRender() pour synchroniser proprement le code avec le rendu : guide complet avec phases, SSR et pièges.

`hostDirectives` : partage des comportements entre composants sans copier-coller une seule ligne

Sun, 17 May 2026 00:00:00 GMT

La Directive Composition API d'Angular 15+ te permet d'attacher des directives directement sur l'élément host d'un composant, sans héritage, sans mixin, sans duplication. Un pattern que la majorité des équipes ignore encore.

:host display: contents en Angular : astuce ou code smell ?

Fri, 15 May 2026 00:00:00 GMT

L'astuce CSS :host { display: contents } en Angular : pourquoi c'est tentant, pourquoi c'est souvent un wrapper qui s'ignore, et quand c'est légitime.

Angular 19 — FormValueControl en 5 minutes

Wed, 13 May 2026 00:00:00 GMT

Angular 19 remplace ControlValueAccessor par FormValueControl : zéro provider, zéro callback, un simple model(). Guide de migration avant/après.

linkedSignal() : le signal writable qui élimine tes anti-patterns effect()

Wed, 13 May 2026 00:00:00 GMT

linkedSignal() est le chaînon manquant entre computed() (trop rigide) et effect() (trop dangereux pour synchroniser de l'état). Guide complet avec forme courte, forme longue, use cases pagination et sélection intelligente.

`takeUntilDestroyed` : arrête de gérer tes subscriptions à la main

Sat, 09 May 2026 00:00:00 GMT

Le pattern Subject + takeUntil + ngOnDestroy est verbeux, fragile et franchement dépassé. Angular 16 a introduit takeUntilDestroyed() et DestroyRef — voici comment les utiliser correctement, y compris hors contexte d'injection.

Angular effect() : les 5 pièges qui attendent tout le monde (et comment les éviter)

Mon, 04 May 2026 00:00:00 GMT

effect() paraît simple — une fonction qui réagit aux signals. En pratique, elle concentre les erreurs les plus vicieuses : boucles infinies, memory leaks, timing surprenant. Voici les 5 pièges à éviter absolument.

J'ai refondu la landing EasyAngularKit avec impeccable, voici ce que ça donne

Wed, 29 Apr 2026 00:00:00 GMT

Retour d'expérience sur l'utilisation de la skill open-source impeccable pour auditer et refondre la landing page EAK : du score 10/20 au score 19/20 en 28 commits, avec les commandes, les chiffres et les pièges rencontrés.

Tu utilises encore @ViewChild ? Voici le piège SSR qu'il te cache

Fri, 24 Apr 2026 00:00:00 GMT

viewChild(), viewChildren(), contentChild() remplacent les décorateurs @ViewChild et @ContentChild en Angular 17+. Plus réactifs, compatibles signals, et sans le piège de timing SSR. Guide complet avec avant/après.

@defer : le lazy loading de composants que tu ignores (et qui peut transformer tes Core Web Vitals)

Fri, 17 Apr 2026 00:00:00 GMT

Angular 17 a introduit @defer pour charger les composants à la demande, sans toucher au routing. Viewport, interaction, idle, prefetch — voici comment l'utiliser pour vraiment alléger ton bundle initial.

i18n en Angular : @angular/localize, ngx-translate ou Transloco ?

Thu, 16 Apr 2026 00:00:00 GMT

Comparatif détaillé des trois solutions d'internationalisation Angular — compile-time vs runtime, lazy loading, SSR, API Signals — pour choisir celle qui correspond à ton contexte.

Git Worktree : travaillez sur plusieurs branches en même temps

Tue, 14 Apr 2026 00:00:00 GMT

Découvrez git worktree, la fonctionnalité Git méconnue qui permet de travailler sur plusieurs branches simultanément sans stash ni clone — cas d'usage concrets, commandes essentielles et retour d'expérience avec Claude Code.

Ajouter un flux RSS à ton blog Angular en mode SSG

Tue, 14 Apr 2026 00:00:00 GMT

Comment générer un flux RSS 2.0 statique à partir d'articles markdown sur un blog Angular SSG — script TypeScript, intégration au build, pièges à éviter.

Angular Signals — Cheatsheet complet

Wed, 08 Apr 2026 00:00:00 GMT

Toutes les APIs Signals d'Angular (17+ à 21+) dans une fiche mémo : signal, computed, effect, input, output, model, linkedSignal, resource, httpResource, rxResource, interop RxJS et patterns avancés.

Les templates Angular ont changé plus vite que tes habitudes — v17 à v21.2

Tue, 10 Mar 2026 00:00:00 GMT

Récapitulatif complet des évolutions du moteur de template Angular : control flow, @let, template literals, spread operator, arrow functions et plus encore, de la v17 à la v21.2.

Angular 21.2 : le changelog commenté — tout ce qui change pour toi

Thu, 26 Feb 2026 00:00:00 GMT

Angular 21.2 est une minor release anormalement dense : TypeScript 6, Signal Forms matures, @switch exhaustifs, instanceof dans les templates, arrow functions et resource snapshots.

httpResource est-il un anti-pattern ? Clean architecture et pragmatisme en Angular

Wed, 04 Feb 2026 00:00:00 GMT

Angular 19.2 a introduit httpResource, une API déclarative pour charger des données HTTP via les signals. Simple, élégante… mais qui fait grincer des dents les puristes de la clean architecture. Faut-il l'adopter ou la fuir ?

InjectionToken tree-shakable : arrête de polluer ton bundle

Sun, 18 Jan 2026 00:00:00 GMT

Découvre comment rendre tes InjectionToken Angular tree-shakable avec providedIn et factory. Moins de boilerplate, bundle plus léger, code plus propre.

Angular 21.1 — Ce qui change vraiment pour ton code

Thu, 15 Jan 2026 00:00:00 GMT

Angular 21.1 apporte des changements pratiques au quotidien : @switch fall-through, spread syntax dans les templates, évolutions de Signal Forms et nouvelle fonction isActive() standalone pour le router.

TypeScript : Arrête d'utiliser any (et fais ça à la place)

Tue, 06 Jan 2026 00:00:00 GMT

Utiliser any en TypeScript, c'est comme conduire sans ceinture. Découvre comment unknown, les type guards et Zod peuvent sauver ton code (et ta carrière).

type vs interface en TypeScript : il est temps de trancher

Sat, 13 Dec 2025 00:00:00 GMT

Faut-il utiliser type ou interface en TypeScript ? Guide complet avec exemples pratiques, différences techniques et recommandations ESLint pour faire le bon choix.

Comment j'ai réduit de 25% la taille de mon bundle Angular

Wed, 10 Dec 2025 00:00:00 GMT

Découvre comment j'ai fait passer mon bundle Angular de plus d'1 MB à 750 KB en remplaçant Zod par Zod Mini. Guide complet avec visualisation du bundle et astuces d'optimisation.

Angular 21 : les nouveautés visibles dès la création d’un projet

Sat, 06 Dec 2025 00:00:00 GMT

Angular 21 apporte plusieurs changements majeurs dès le simple `ng new` : Tailwind intégré, Vitest par défaut, zoneless, simplification HTTP et évolution du linter. Voici ce qui change concrètement.

Tester ses composants Angular avec inputBinding / outputBinding

Thu, 27 Nov 2025 00:00:00 GMT

Modernise tes tests Angular avec inputBinding et outputBinding : moins de fixture.detectChanges(), plus de signaux et des specs plus déclaratives.

ControlValueAccessor : Crée Tes Propres Inputs Comme Un Pro

Mon, 10 Nov 2025 00:00:00 GMT

Guide complet pour créer des composants Angular personnalisés qui fonctionnent avec ngModel et FormControl. Apprenez ControlValueAccessor pas à pas avec des exemples pratiques.

Comment J'ai Saboté Mon Scroll Pendant 2 Heures (Et Ce Que J'ai Appris)

Mon, 03 Nov 2025 00:00:00 GMT

Histoire d'un bug de scroll Angular causé par un simple overflow-y: auto. Comment j'ai passé 2 heures à chercher un problème que j'avais créé moi-même.

input(), @Attribute(), ou InjectionToken ? Le Guide Pour Choisir La Bonne Approche

Mon, 27 Oct 2025 00:00:00 GMT

Découvre quand utiliser input(), @Attribute() ou InjectionToken dans tes composants Angular. Guide complet avec exemples pratiques, comparaisons et patterns recommandés.

Angular : le piège du double subscribe (et les 5 alternatives modernes)

Sat, 25 Oct 2025 00:00:00 GMT

Du double subscribe au rxResource : découvre comment moderniser ton data flow Angular pas à pas, de RxJS à Signals.

Angular : Supprime Les Div Inutiles, Utilise Le Host Élément

Mon, 20 Oct 2025 00:00:00 GMT

Découvre comment éliminer les div wrappers inutiles dans tes composants Angular et utiliser l'élément host pour un DOM plus propre et performant. Guide complet avec exemples pratiques.

?? vs || : L'Opérateur Que 90% Des Devs Utilisent Mal

Mon, 13 Oct 2025 00:00:00 GMT

Découvre la différence cruciale entre les opérateurs ?? et || en TypeScript et pourquoi l'opérateur nullish coalescing devrait devenir ton nouveau réflexe pour éviter les bugs subtils.

Erreur NG0401 après mise à jour Angular 20.2.4 → 20.3.3 (SSR) : cause, explication et correctif

Fri, 10 Oct 2025 00:00:00 GMT

Pourquoi votre build casse en Angular 20.3.x avec un NG0401 sur une app SSR, et comment corriger en passant à la nouvelle API de bootstrap côté serveur avec BootstrapContext.

SOLID en Angular 20+ : le bon réflexe (avec contre‑exemples)

Mon, 22 Sep 2025 00:00:00 GMT

Chaque principe SOLID illustré en Angular moderne (Signals, control flow, InjectionToken) avec '❌ mauvaise façon' vs '✅ bonne façon' pour guider ta refacto.

Ports & Adapters en Angular (débutant) — un même composant, 2 backends (HTTP & InMemory)

Fri, 19 Sep 2025 00:00:00 GMT

Apprends étape par étape à brancher un composant Angular sur un Port avec deux Adapters interchangeables : HTTP réel et InMemory pour la démo/tests. Compatible Angular v19+, Signals et nouveau control flow.

Nx + Angular + Rspack : l'alliance qui accélère tes builds

Thu, 11 Sep 2025 00:00:00 GMT

Découvre comment Nx et Rspack transforment l'expérience Angular : monorepo structuré, bundling ultra-rapide et DX améliorée. Comparaison avec Webpack et Vite, exemples pratiques et cas d'usage réels.

📦 Installer et utiliser Zod en TypeScript

Mon, 08 Sep 2025 00:00:00 GMT

Apprends à installer et utiliser Zod pour sécuriser tes données en TypeScript et Angular : validation runtime, parse vs safeParse, cas d’usage concrets avec API, formulaires et transformations.

Mocker une API REST dans Angular avec JSON Server : tuto complet

Fri, 29 Aug 2025 00:00:00 GMT

Tuto pas-à-pas pour simuler un backend REST en local avec json-server, lancer Angular et l'API en parallèle, gérer les CORS, simuler des erreurs et choisir entre json-server, MSW et Mirage.js.

Angular v20 — NG0201: No provider found for `MonServiceXXX`

Mon, 25 Aug 2025 00:00:00 GMT

Pourquoi cette erreur survient dans Angular v20, comment la diagnostiquer et 3 façons propres de la corriger (providedIn, providers de route, provider global).

4 patterns de routing Angular pour des URLs propres et SEO-friendly

Fri, 22 Aug 2025 00:00:00 GMT

Routes dynamiques simples, segments hybrides statique+dynamique, UrlMatcher custom, data resolver : les 4 patterns de routing Angular que j'utilise sur EasyAngularKit, avec leurs forces et leurs pièges côté SSR/SEO.

Angular v20 : style guide et migration depuis v19, le guide complet

Fri, 15 Aug 2025 00:00:00 GMT

Le nouveau style guide Angular v20, et le retour d'expérience d'une migration v19 → v20 sur stack Nx + Vitest. Cohérence, organisation par feature, inject(), zoneless, pièges de tests : tout ce qu'il faut savoir avant de migrer.

EasyAngularKit explosé après l’upgrade Tailwind v4 ? Voici pourquoi… (et comment j’ai réparé)

Wed, 06 Aug 2025 00:00:00 GMT

Retour d'expérience sur la migration vers Tailwind CSS v4 avec un projet Nx + Angular + Vitest. Symptômes, débug et fix.

Angular : simplifie ta navigation avec routerLinkActive

Wed, 06 Aug 2025 00:00:00 GMT

Évite le HTML répétitif en centralisant la config des liens de navigation dans ton TypeScript. Découvre comment utiliser routerLinkActive efficacement avec Angular v19+.

Angular : ajouter dynamiquement l'en-tête Accept-Language avec un HttpInterceptor

Thu, 17 Jul 2025 00:00:00 GMT

Apprenez à utiliser les HttpInterceptors Angular pour centraliser l'ajout de l'en-tête Accept-Language à toutes vos requêtes HTTP, en fonction de la langue active de votre application.

Transloco Angular : gérer le multilingue (i18n) en standalone

Wed, 09 Jul 2025 00:00:00 GMT

Transloco Angular : ajoute le multilingue (i18n) à un projet standalone moderne, avec une configuration clean et un exemple pas à pas.

Angular : Smart vs Dumb Components

Fri, 27 Jun 2025 00:00:00 GMT

Comprenez la différence entre composants intelligents et composants présentiels, et structurez vos applications Angular proprement.

Cheat Sheet RxJS & Signal (Angular v17+)

Wed, 25 Jun 2025 00:00:00 GMT

Une fiche mémo des concepts et opérateurs clés RxJS et Signal à connaître pour vos projets Angular modernes.

Faut-il un store dans votre projet Angular ?

Wed, 25 Jun 2025 00:00:00 GMT

Une grille de décision simple pour savoir si votre projet Angular a vraiment besoin d’un store comme NgRx ou Signal Store.

Angular : Quelle différence entre Constructor et OnInit ?

Thu, 12 Jun 2025 00:00:00 GMT

Faut-il utiliser le constructor ou ngOnInit dans un composant Angular ? Ce guide rapide clarifie leur rôle et t’aide à faire le bon choix.

Vitest Angular 20 : Guide complet d'installation et configuration

Fri, 06 Jun 2025 00:00:00 GMT

Guide complet pour installer et configurer Vitest avec Angular 20. Remplacez Karma/Jasmine par Vitest pour des tests plus rapides et modernes.

Découverte du Signal Store de NgRx : ce que j’en pense après l’avoir testé dans EasyAngularKit

Fri, 06 Jun 2025 00:00:00 GMT

Un retour d'expérience concret sur l'utilisation du Signal Store de NgRx dans une reproduction simplifiée d'EasyAngularKit.

Et si withComponentInputBinding était plus structurant qu’on ne le croit ?

Tue, 27 May 2025 00:00:00 GMT

Depuis Angular v16, l’apparition de withComponentInputBinding transforme la façon dont les composants reçoivent les données des routes. Voici ce que ça change, ses avantages, ses limites… et un piège à connaître.

NgBaguette 2025 : ce que j’ai retenu de la 1ère édition

Sun, 25 May 2025 00:00:00 GMT

Retour d’expérience sur la première édition de NgBaguette, l'évènement Angular 100% francophone. Talks, rencontres et coups de cœur.

De Zone.js à Zoneless : le guide complet de migration Angular

Sat, 25 Jan 2025 00:00:00 GMT

Angular 21 active le mode zoneless par défaut. Ce guide couvre tout : contexte historique, concepts clés, stratégie de migration progressive en 4 phases, patterns courants et pièges à éviter.