Signals

43 articles du blog EasyAngularKit sur Signals.

Articles sur Signals

Ta modale Angular fait 150 lignes de trop : `<dialog>` natif + signals, zéro lib

18 septembre 2026

Focus trap maison, z-index à 9999, ESC codé à la main : le navigateur fait déjà tout ça. Le câblage <dialog> + signals, et les trois pièges qui restent.

Angular Signals Composants DOM Accessibilité UX

280 ms de gel sur une frappe : ce calcul n'a rien à faire dans ton main thread

7 septembre 2026

Un scoring sur 100 000 noms gèle la saisie, et aucune API Angular n'y peut rien. Un Web Worker sort le calcul du main thread - pièges de build compris.

Angular Performance Core Web Vitals SSR Signals

NG0950 : ton input.required() explose au premier rendu, et les 4 fenêtres où le lire sans risque

26 août 2026

Constructor, field initializer, test : là où NG0950 tombe, les 4 fenêtres où lire un signal input, et l'optionnel qui a le même bug sans crash.

Angular Signals Erreurs Lifecycle

Les 15 migrations Angular que tu n'as jamais lancées (et ce qu'elles ratent)

20 août 2026

ng generate @angular/core:signals te félicite et casse le typecheck de tes specs. Les 15 migrations opt-in, leur version d'apparition, et cinq angles morts.

Angular Migration Signals Outillage

NgRx Signal Store : les hooks onInit et onDestroy

10 août 2026

inject() marche dans onInit et plante dans onDestroy. Le mécanisme derrière cette asymétrie, les deux formes de withHooks, et quand le hook tourne vraiment.

Angular Signal Store NgRx Signals Architecture Bonnes pratiques

afterRenderEffect() : le hook Angular 20 qui remplace tes effect() qui touchent au DOM

7 août 2026

Remplacer un effect() qui touche au DOM par afterRenderEffect() : les phases earlyRead, write, mixedReadWrite et read, et les pièges de timing.

Angular Signals DOM Lifecycle Performance Zoneless

`disabled="false"` désactive quand même ton bouton : le piège des signal inputs sans `booleanAttribute`

7 août 2026

Pourquoi disabled="false" désactive quand même ton bouton, et comment brancher booleanAttribute et numberAttribute sur tes signal inputs Angular.

Angular Composants Signals Bonnes pratiques

linkedSignal({ set }) : écrire dans la source (Angular 22.1)

30 juillet 2026

Angular 22.1 ajoute l'option set à linkedSignal : l'écriture remonte à la source au lieu d'être perdue au recalcul. Plus le reste du changelog 22.1.

Angular 22 Signals Réactivité Nouveautés HttpClient

Angular : ton back button refetch la liste et perd les filtres (les 3 stratégies pour garder le state)

29 juillet 2026

Ton utilisateur revient sur la liste et perd filtres, scroll et data. Les 3 stratégies pour préserver le state, dans l'ordre où tu devrais les essayer.

Angular Routing Signals State Management

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

27 juillet 2026

Tu exposes ton state en readonly typé Signal<T> et ça a l'air propre. Un cast d'une ligne rouvre .set(). Ce que asReadonly() verrouille vraiment.

Angular Signals Dependency Injection Bonnes pratiques Architecture

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

26 juillet 2026

Ton computed() qui trie réécrit sa propre source, et rien dans le type ne l'en empêche. readonly, as const, et pourquoi DeepReadonly casse sur une Date.

TypeScript Angular Signals Bonnes pratiques Architecture Réactivité

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

26 juillet 2026

Ton type d'état a quatre champs optionnels, donc seize combinaisons dont la plupart n'ont aucun sens. Union discriminée : narrowing et 4 pièges du discriminant.

TypeScript Angular Signals Bonnes pratiques Architecture Templates

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

24 juillet 2026

Avec les signals partout, markForCheck() ressemble à un fossile. Presque : les 4 patterns où tu peux le supprimer, et le cas où il reste obligatoire.

Angular Signals Performance Bonnes pratiques Migration

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

22 juillet 2026

Tu passes ta propriété en signal, ton @HostBinding reste figé, sans erreur ni warning. Le silent bug, le workaround par getter, et la forme host: {}.

Angular Signals Composants Bonnes pratiques Migration Angular 20

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

22 juillet 2026

Tu empiles les @switch pour un dashboard dont la composition dépend de la donnée. ngComponentOutlet rend le bon composant, avec ses inputs et son injector.

Angular Composants dynamiques Signals

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

20 juillet 2026

Migrer EventEmitter vers output() casse tes pipes RxJS : les 5 pièges de outputFromObservable et outputToObservable, et ce qu'il faut changer à la source.

Angular Signals RxJS Composants Migration Bonnes pratiques

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

17 juillet 2026

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.

Angular Signals Réactivité Bonnes pratiques Performance

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

13 juillet 2026

Ton composant affiche le mauvais utilisateur quand tu cliques vite. Les 4 pièges qui laissent passer une race condition malgré resource() et son abortSignal.

Angular Signals Réactivité HttpClient Bonnes pratiques

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

6 juillet 2026

Ton <ng-content> casse le layout dès que le slot est vide, et l'ordre des select te joue des tours. 6 patterns de projection, tous vérifiés en test.

Angular Content Projection Composants Signals

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

29 juin 2026

Les 4 patterns pour remplacer un BehaviorSubject par signal() et computed() dans tes services Angular, et les 2 cas où RxJS reste le bon choix.

Angular Signals RxJS Refactoring Réactivité

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

24 juin 2026

Tu mélanges signals et RxJS, et ton state clignote ou renvoie undefined. Les 6 pièges d'interop de toSignal() et toObservable(), et comment les désamorcer.

Angular Signals RxJS

NG0100 ExpressionChanged : causes et fixes en Angular

20 juin 2026

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

Angular Erreurs Change Detection Zoneless Signals

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

12 juin 2026

Le track de @for décide si Angular réutilise tes lignes ou les recrée : 5 erreurs, de $index aux clés dupliquées, et le correctif de chacune.

Angular Performance Templates Signals

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

5 juin 2026

@let déclare une variable dans le template, stable en Angular 19. 5 patterns pour supprimer tes computed() de présentation, et 4 pièges.

Angular Templates Signals Refactoring

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

3 juin 2026

Ce qui change en Angular 22 : OnPush par défaut, Signal Forms stables, FetchBackend par défaut, @Service et injectAsync, compilateur strict et APIs supprimées.

Angular 22 Nouveautés Signals Signal Forms HttpClient Routing Migration

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

22 mai 2026

Tu écris encore input() + output() + emit() pour un simple [(banana)] ? model() supprime 60 % de ce boilerplate. Forme required, alias, et les 5 pièges.

Angular Signals Bonnes pratiques

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

20 mai 2026

Quand utiliser afterNextRender() et afterEveryRender() au lieu de ngAfterViewInit ou setTimeout(0) : phases DOM, SSR, zoneless et différence avec effect().

Angular Lifecycle DOM Zoneless SSR Signals

Angular 19 - FormValueControl en 5 minutes

13 mai 2026

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

Angular Forms Signals Angular 19

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

13 mai 2026

Quand remplacer un effect() de synchronisation par linkedSignal(), stable depuis Angular 20 : forme courte, forme longue avec previous, sélection et pagination.

Angular Signals Bonnes pratiques Réactivité

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

9 mai 2026

Remplacer le trio Subject + takeUntil + ngOnDestroy par takeUntilDestroyed() : contexte d'injection, erreur NG0203, DestroyRef dans un service, toSignal().

Angular RxJS Signals Bonnes pratiques Lifecycle

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

4 mai 2026

Quand remplacer effect() par computed(), pourquoi untracked() cache un mauvais découpage, comment détruire un effect dans un service et son vrai timing.

Angular Signals Bonnes pratiques Réactivité

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

24 avril 2026

viewChild(), viewChildren() et contentChild() remplacent @ViewChild depuis Angular 17.2 : refs réactives, migration pas à pas et code DOM SSR-safe.

Angular Signals SSR Composants Réactivité

Angular Signals - Cheatsheet complet

8 avril 2026

Les APIs Signals d'Angular 17 à 21 en fiche mémo : signal, computed, effect, input, output, model, linkedSignal, resource, httpResource et interop RxJS.

Angular Signals Cheat Sheet Réactivité RxJS

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

10 mars 2026

Ce que le template Angular a gagné de la v17 à la v21.2 : control flow, @let, template literals, et le schematic qui migre l'ancienne syntaxe, à un track près.

Angular Templates Signals TypeScript

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

4 février 2026

Quand mettre httpResource dans un composant, dans un service, ou lui préférer HttpClient et un repository : trois niveaux selon la complexité réelle.

Angular httpResource Clean Architecture Signals HttpClient

Tester ses composants Angular avec inputBinding / outputBinding

27 novembre 2025

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

Angular Tests Vitest Signals EasyAngularKit

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

27 octobre 2025

Quand utiliser input(), @Attribute() ou InjectionToken dans tes composants : données réactives, valeurs statiques, config globale et pattern hybride.

Performance Composants Signals Dependency Injection Bonnes pratiques

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

25 octobre 2025

Du double subscribe à httpResource : 5 façons de charger tes données Angular avec switchMap et rxResource, et le réglage qui évite les requêtes parasites.

Angular RxJS Signals httpResource Clean Code

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

22 septembre 2025

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

Angular Clean Code Clean Architecture Signals Bonnes pratiques

Cheat Sheet RxJS & Signal (Angular v17+)

25 juin 2025

Fiche mémo Angular : Subject et BehaviorSubject, opérateurs RxJS de transformation et de filtrage, signal, computed, effect, interop et API resource.

Angular RxJS Signals Cheat Sheet Réactivité

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

6 juin 2025

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

NgRx Angular Signals State Management EasyAngularKit

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

27 mai 2025

withComponentInputBinding injecte params, queryParams et data de route dans les input() d’un composant. Le piège des valeurs par défaut écrasées.

Angular Routing Signals Bonnes pratiques

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

25 janvier 2025

Angular 21 active le zoneless par défaut. Les 4 phases de migration - OnPush, signals, provideZonelessChangeDetection, retrait de Zone.js - et les pièges.

Angular 21 Zoneless Change Detection Signals Migration Performance

Voir tous les sujets du blog