Angular v22 : formulaires typés, ARIA natif et OnPush par défaut

Angular v22 est officiellement disponible, apportant une refonte significative du système de formulaires, une accessibilité renforcée avec ARIA et la généralisation de la détection de changements OnPush par défaut.

La principale nouveauté de cette version est l'introduction des formulaires typés natifs. Angular v22 permet désormais de définir des interfaces TypeScript directement dans les FormGroup et FormControl, offrant une autocomplétion parfaite dans l'IDE et une détection des erreurs à la compilation. Cette évolution majeure réduit considérablement les bugs liés aux formulaires et améliore la productivité des développeurs.

L'accessibilité constitue le second pilier de cette mise à jour. Angular v22 intègre nativement les attributs ARIA dans ses composants principaux : boutons, modales, menus de navigation et formulaires. Les développeurs n'ont plus besoin d'ajouter manuellement les rôles et propriétés ARIA. Le framework génère automatiquement le balisage accessible, garantissant une conformité WCAG 2.1 AA par défaut pour toutes les applications Angular.

Autre changement notable : la détection de changements OnPush devient le comportement par défaut pour tous les nouveaux composants. Auparavant optionnelle, cette stratégie améliore significativement les performances des applications en limitant les cycles de vérification aux composants dont les entrées ont effectivement changé. Les applications existantes continuent de fonctionner avec la stratégie Default, mais les nouvelles applications générées par Angular CLI adopteront automatiquement OnPush.

L'équipe Angular a également travaillé sur l'expérience développeur. La commande `ng update` a été améliorée pour automatiser la migration des formulaires vers la nouvelle syntaxe typée. Un nouveau schéma de migration permet de convertir les formulaires existants en quelques minutes. La documentation officielle a été entièrement réécrite avec des exemples interactifs et des guides de migration détaillés.

Angular v22 introduit également le support natif des Signaux (Signals), une fonctionnalité inspirée de Solid.js qui permet une gestion réactive de l'état sans dépendre de RxJS. Les signaux peuvent être utilisés conjointement avec les formulaires pour créer des interfaces réactives avec un minimum de code.

Enfin, le compilateur a été optimisé pour réduire la taille des bundles de 15% en moyenne. Le tree-shaking amélioré élimine plus efficacement le code mort, ce qui se traduit par des temps de chargement réduits pour les utilisateurs finaux. La mise à jour est disponible immédiatement via `ng update @angular/core@22 @angular/cli@22`.