Cette année 2026, angular va sortir très bientôt sa première mise à jour de l'année : angular 22.
Plusieurs changements notables, des idées sur la suite, cette version nous annonce une belle mise à jour de notre framework préféré !
OnPush par defaut
Ca fait depuis un très long moment que cette demande avait été faite.
D'ailleurs bcp de Lead dev imposaient déjà tous leurs composants à être OnPush.
Et ça y est par défaut, en angular 22, le mode par défaut sera OnPush.
Ce qui veut dire que le mode Par défaut d'avant sera ... Eager.
Concrètement le mode OnPush, c'est quoi ?
C'est permettre un mise à jour uniquement quand les Input changent.
C'est un comportement très puissant quand on travaille encore avec la zone (zone.js).
Avec les signaux, c'est moins probant, mais toujours source de performance sur nos composants.
debounce pour nos signaux et resource
debounceTime, tu connais en rxjs ?
C'est un operator vraiment puissant, qui permet d'éviter que le next, la fonction qui est connectée en callback à ton composant, ne se déclenche à chaque fois.
Tu lui mets une plage de temps, et à la fin de la plage de temps, le next s'exécutera.
Idéal quand tu mets en place des recherches, des filtes.
Imagine maintenant, tu travailles avec rxResource, ou bien les resources.
Tu veux le même comportement, pour le paramètre qui déclenche le loader.
Avec debounce, c'est le même comportement : tu crées un signal debounced et tu l'affectes au params de ta resource par exemple !
Une question qui peut venir : d'autres 'operators' de rxjs vont-ils arriver dans l'api des signaux ?
Angular souhaite-t-il aller vers là ? Ou bien garder le couplage intelligent : rxjs + signal ?
typescript 6
Tu en as sans doute entendu parler ? Typescript se rpépare à une très grande révolution (pour la version 7) !
Le compilateur va passer en go.
Oui tu as bien lu !
La version 6, qui sera supportée pour angular 22, sera la dernière en js.
Peu de changements forts pour cette version 6, notons, si, par exemple : des nouveaux types pour Temporal par exemple.
signal et transformedValue
L'api signal évolue encore avec (après le debounced), la possibilité de transformer tes valeurs venant de tes signaux, sans passer par un computed.
Tu vas pouvoir utiliser une fonction de transformation, directement dans tes signaux : transformedValue.
----
Arrivée de la version angular 22
Pour bien accompagner cette version, et même la v21 ou la v20 qui amènent elles aussi son lot de belles nouveautés, nous avons concoctés une formation pour toi : angular de 17 à 21 (bientôt 22)
