7 erreurs impardonnables en Angular que je vois encore tous les jours (1/2)
Liste des pièges : imports inutiles, unsubscribes oubliés, tests mal ciblés… et surtout comment les éviter.
1) Imports inutiles et modules trop gros
- Symptôme : bundles lourds, builds lents.
- Correctif : privilégier les standalone components, découper par features, lazy loader les routes, supprimer les imports non utilisés.
2) Unsubscribes oubliés
- Symptôme : fuites mémoire, callbacks qui s'exécutent après destruction du composant.
- Correctif : AsyncPipe dans les templates, takeUntilDestroyed ou un pattern takeUntil côté code, centraliser les subscriptions dans les services quand c'est pertinent.
3) Tests mal ciblés
- Symptôme : tests lents et fragiles qui vérifient l'implémentation au lieu du comportement.
- Correctif : tester l'API publique et les parcours utilisateurs, utiliser des test harness quand c'est possible, limiter les mocks aux frontières.
4) Détection de changements non maîtrisée
- Symptôme : re-render inutiles, UI qui saccade.
- Correctif : ChangeDetectionStrategy.OnPush, trackBy sur chaque ngFor, éviter les calculs lourds dans le template, préférer des pipes purs ou des sélecteurs mémorisés.
La suite demain ... avec les 3 dernières erreurs et la Checklist express pour tes revues de code.
___
Moi c’est Sébastien 👋
20 ans de Java, et encore curieux chaque jour.
Si tu veux soutenir le partage de bonnes pratiques, un petit like aide toujours 😉