Nous en parlions, voilà quelque temps : Angular 22 va bientôt sortir. Des annonces avaient déjà été faites. Des nouvelles viennent d'arriver.

Petit récap de ce qui arrive dans angular 22, pour bien se préparer à cette nouvelle version.

@Service remplace @Injectable providedIn root

C'est une simplification que nous n'attendions plus.
Pour tous les services qui seront singleton, nous n'aurons plus besoin de penser au providedIn root.

De plus, ça empêchera les injections par constructeur, et nous amènera toujours à utiliser le @inject, beaucoup plus agréable à lire.

Une petite révolution. Non ?

Par défaut, les composants sont à OnPush 

Quand on parle de révolution, nous avons un sacré changement qui arrive dans le framework : 
le mode OnPush sera par défaut pour les composants.

Un script de migration sera même prévu pour permettre de gérer les composants qui ne seront pas OnPush de base (prise en compte du legacy).

Deux validations en stables

La signal form 

La signal form : tu sais c'est la gestion des formulaires sans banana in the box, sans rxjs, avec uniquement (de base) : 

• des fieldTree
• des signaux pour connaitre l'état de chaque fieldTree
• des schemas de validation

La signal form est annoncée, déjà, comme stable ! 
On se prépare pour une mise à jour ou bien pour tes nouveaux composants ? 

Les resource, rxResource

L'api des signaux prend en compte également une belle nouveauté qui existe depuis angular 19 :

les resources.

Cette possibilité de connecter le monde asynchrone avec le synchrone des signaux.
Cette api propose un accès unifié à différents champs que l'on retropuve tout le temps dans les gestionnaires d'état : 

• errors
• loading
• value

Tout ça avec des signaux !

Et en plus on peut gérer un reload, une possibilité de streaming, une connexion avec le monde rxjs (rxResource), la possibilité de lier les resources entre elles (snapshot resource), ...

mcpTools

Nous assistons à une rutpure de paradigme : les composants vont pouvoir s'exposer comme mcp tools pour les models.

Une application angular devient ainsi un hôte MCP : les agents peuvent intéragir avec l'UI de manière programmatique, avec providewebMcpTools() et declareWebMcpTools().

---

Prêt-e pour cette nouvelle version ? Nous t'accompagnons à travers une formation sur les dernières nouveautés ! Ca te dit de rejoindre la prochaine session ?