Question 1

Qu'est-ce que la stratégie OnPush dans Angular ?

Accepted Answer

OnPush est une stratégie de détection de changements qui limite les vérifications aux cas où les inputs du composant changent par référence ou lorsqu'un événement interne se déclenche. Cette optimisation réduit considérablement le nombre de cycles de détection dans les applications complexes. Appliquer OnPush par défaut sur les composants présentationnels constitue une bonne pratique pour améliorer les performances.

Question 2

Quel est le rôle principal de trackBy dans une directive ngFor ?

Accepted Answer

trackBy permet à Angular d'identifier de manière unique chaque élément d'une liste, évitant ainsi la recréation complète du DOM lors des mises à jour. Sans trackBy, Angular détruit et recrée tous les éléments même si seul un élément a changé. Utiliser trackBy avec un identifiant unique améliore significativement les performances des listes dynamiques.

Question 3

Qu'est-ce que le lazy loading dans le contexte du routing Angular ?

Accepted Answer

Le lazy loading est une technique de chargement différé des modules qui ne télécharge le code que lorsque la route correspondante est activée. Cela réduit la taille du bundle initial et accélère le premier affichage de l'application. Les modules lazy loadés sont définis avec loadChildren dans la configuration des routes.

Optimisation de performance

Qu'est-ce que la stratégie OnPush dans Angular ?

Réponse

Quel est le rôle principal de trackBy dans une directive ngFor ?

Réponse

Qu'est-ce que le lazy loading dans le contexte du routing Angular ?

Réponse

Quelle méthode déclencher pour forcer une vérification avec OnPush ?

Quel est l'avantage principal du virtual scrolling pour les grandes listes ?

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é

Architecture Angular

Sécurité et bonnes pratiques

Patterns RxJS avancés

Angular Universal et SSR

Micro-frontends Angular

Maîtrise Angular pour ton prochain entretien