Angular
Expert
Angular - Concevoir le chargement paresseux de fonctionnalités avec SSR et transfert d’état

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

Lazy loading
Angular Universal
TransferState
PreloadingStrategy
Route Guards
Dependency Injection

Scénario Technique

Vous devez refactorer une application monolithique Angular pour : (1) découper en plusieurs feature modules chargés paresseusement (lazy-loaded) via le routeur, (2) mettre en place une stratégie de préloading adaptée, (3) rendre l’ensemble compatible avec le rendu côté serveur (Angular Universal) et (4) implémenter le transfert d’état (State Transfer) pour éviter les doubles requêtes HTTP après SSR. Tâche : décrire la structure des modules, les routes à lazy-load, la stratégie de préchargement (custom preloading strategy), la gestion des guards/auth sur modules lazy, et la manière d’utiliser TransferState pour hydrater les données côté client. Mentionnez les pièges courants (providers singletons, lazy-loaded injectors, erreurs CORS en SSR), et proposez des tests d’intégration pour valider le comportement SSR + client.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis
    Angular - Concevoir le chargement paresseux de fonctionnalités avec SSR et transfert d’état | Test Technique & Recrutement