Architecture Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo with Nx, folder structure
1Quelle est la différence principale entre un smart component et un presentational component ?
Quelle est la différence principale entre un smart component et un presentational component ?
Réponse
Les smart components (ou container components) gèrent la logique métier, les appels API et l'état de l'application via des services ou du state management. Les presentational components se concentrent uniquement sur l'affichage et reçoivent leurs données via @Input, émettant des événements via @Output. Cette séparation améliore la testabilité et la réutilisabilité des composants.
2Quel est l'avantage principal d'utiliser des presentational components ?
Quel est l'avantage principal d'utiliser des presentational components ?
Réponse
Les presentational components sont hautement réutilisables car ils ne dépendent pas de services ou de logique métier spécifique. Ils reçoivent toutes leurs données via @Input et communiquent via @Output, ce qui les rend facilement testables avec des données mockées et réutilisables dans différents contextes. Cette approche favorise également l'utilisation de la stratégie OnPush pour optimiser les performances.
3Qu'est-ce qu'un feature module dans Angular ?
Qu'est-ce qu'un feature module dans Angular ?
Réponse
Un feature module est un module Angular qui encapsule une fonctionnalité métier spécifique de l'application (exemple : gestion des utilisateurs, panier d'achat). Il contient tous les composants, services, directives et pipes nécessaires à cette fonctionnalité. Les feature modules peuvent être lazy loaded pour améliorer les performances et favorisent une architecture modulaire scalable.
Quel est le rôle d'un Core Module dans une architecture Angular ?
Pourquoi importer le Core Module une seule fois dans AppModule ?
+19 questions d'entretien
Autres sujets d'entretien Angular
Les bases de TypeScript
TypeScript avancé
Fondamentaux Angular
Composants et cycle de vie
Services et Dependency Injection
Organisation des Modules Angular
Angular CLI
Directives et Pipes
Routing et Navigation
Formulaires réactifs
Formulaires template-driven
Fondamentaux RxJS
Opérateurs RxJS
HttpClient et API calls
Gestion d'état de base
Change Detection
Angular Signals
Standalone Components
Tests unitaires Angular
Tests end-to-end
Build et optimisation
Fondamentaux NgRx
NgRx avancé
Optimisation de performance
Sécurité et bonnes pratiques
Patterns RxJS avancés
Angular Universal et SSR
Micro-frontends Angular
Maîtrise Angular pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement