Angular 22 et Optimus UI

Construire un tableau de bord SaaS, de la première ligne à la production

La bibliothèque de composants a changé de licence. Le livre en tire les conséquences.

PrimeNG est passé sous licence commerciale en 2026. Des milliers d'applications Angular reposent sur elle, et le choix se réduit désormais à payer, réécrire, ou trouver une continuation ouverte.

Optimus UI est cette continuation : la dernière version MIT de PrimeNG, reprise et maintenue par la communauté. Plus de 80 composants accessibles, un thème construit par definePreset, une bascule clair et sombre qui suit le réglage du système, se souvient du choix et n'affiche aucun flash au chargement. C'est la base d'interface de ce livre, et aucun autre ouvrage francophone ne la documente.

À quoi sert ce livre. Apprendre Angular 22 tel qu'il est, pas tel que les cours en ligne s'en souviennent. Angular a rendu stables les signaux, les Signal Forms et l'API Resource ; NgModule, zone.js et FormGroup n'ont plus leur place dans du code neuf. Et livrer, à la fin, une application servie en production plutôt qu'une démonstration qui tourne en local.

Ce que vous saurez faire après lecture

• Écrire des composants autonomes pilotés par des signaux, en mode zoneless, avec la détection de changement OnPush par défaut d'Angular 22
• Construire un thème maison sur Optimus UI, et une bascule clair/sombre sans flash au chargement
• Brancher une authentification complète : formulaire en Signal Forms, intercepteur, rafraîchissement silencieux du token, gardes de route et rôles
• Charger des données par httpResource plutôt que par un service qui gère ses états à la main
• Servir une table triée et paginée côté serveur, un kanban avec drag and drop et mise à jour optimiste, des formulaires riches, un upload de fichiers, une navigation au clavier
• Tester ce que vous écrivez : unitaire avec Vitest, parcours complet avec Playwright
• Pousser des notifications temps réel en SSE, avec reconnexion
• Activer le rendu serveur avec @angular/ssr et l'hydratation incrémentale, mesurés plutôt que promis
• Basculer une authentification maison vers OpenID Connect avec Keycloak
• Livrer : build, budgets, image de conteneur servie par Caddy, HTTPS automatique, configuration injectée au démarrage, chaîne GitHub Actions

Chaque chapitre se ferme sur une section « Les pièges » : les erreurs que fait un débutant sur ce sujet précis, et ce qu'elles coûtent au chapitre suivant.

Pour qui

Ni Angular, ni TypeScript, ni Node, ni Docker, ni la ligne de commande ne sont supposés acquis. Chacun s'installe et s'explique au chapitre où il sert pour la première fois. Prérequis : un ordinateur et de la patience.

Écrit sur Angular 22.1.4, Optimus UI 2.0.2 et Tailwind CSS v4.

Ce que contient le livre

• 29 chapitres répartis sur 449 pages, soit environ 81 753 mots.
• 26 diagrammes pour les schémas d’architecture et les flux.
• Trois formats livrés : PDF pour la lecture à l’écran, EPUB et Kindle pour la liseuse.