Vue.js / Nuxt.js

Architecture Vue

Component design patterns, folder structure, feature modules, domain-driven design, composables organization

22 questions d'entretien·
Senior
1

Qu'est-ce qu'une architecture feature-first dans Vue/Nuxt ?

Réponse

Une architecture feature-first organise le code par fonctionnalités métier plutôt que par type technique. Chaque feature contient ses composants, composables, stores et types dans un dossier dédié. Cette approche améliore la maintenabilité en regroupant tout ce qui concerne une fonctionnalité au même endroit, facilite le travail en équipe car les développeurs peuvent travailler sur des features indépendantes, et rend le code plus modulaire en permettant d'activer/désactiver des features facilement.

2

Quel est le pattern Container/Presentational dans Vue ?

Réponse

Le pattern Container/Presentational sépare les composants en deux catégories : les containers qui gèrent la logique métier, les appels API et l'état, et les presentational qui ne reçoivent que des props et émettent des événements. Cette séparation améliore la réutilisabilité des composants UI, facilite les tests unitaires des composants presentational, et clarifie les responsabilités en isolant la logique dans les containers.

3

Quelle est la différence entre une architecture layer-first et feature-first ?

Réponse

L'architecture layer-first organise le code en couches techniques (components, composables, stores, utils) où tous les composants sont ensemble, tous les composables ensemble, etc. L'architecture feature-first groupe par fonctionnalités métier où chaque feature contient ses propres composants, composables et stores. Layer-first est plus simple pour les petits projets mais devient difficile à maintenir quand le projet grandit car les fichiers liés à une même fonctionnalité sont dispersés. Feature-first scale mieux et facilite le travail en équipe.

4

Que sont les renderless components dans Vue ?

5

Comment organiser les composables dans une architecture feature-first ?

+19 questions d'entretien

Maîtrise Vue.js / Nuxt.js pour ton prochain entretien

Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.

Commencer gratuitement