Architecture & Design Patterns
Feature-based structure, atomic design, clean architecture, SOLID principles, dependency injection
1Qu'est-ce que l'Atomic Design dans React ?
Qu'est-ce que l'Atomic Design dans React ?
Réponse
L'Atomic Design organise les composants React en 5 niveaux hiérarchiques : atoms (boutons, inputs), molecules (formulaires simples), organisms (header, footer), templates (layout de page), et pages (instances concrètes). Cette méthodologie apporte une structure cohérente et scalable au design system. Elle facilite la réutilisation des composants et la collaboration entre designers et développeurs en partageant un vocabulaire commun.
2Quelle est la principale caractéristique d'une architecture feature-based ?
Quelle est la principale caractéristique d'une architecture feature-based ?
Réponse
L'architecture feature-based regroupe tous les fichiers liés à une fonctionnalité dans un même dossier (composants, hooks, styles, tests, types). Cette approche favorise la co-location et l'autonomie des features. Chaque feature devient un module indépendant avec ses propres responsabilités, ce qui facilite la maintenance et permet aux équipes de travailler en parallèle sans conflits.
3Quel est le principe fondamental de la Clean Architecture ?
Quel est le principe fondamental de la Clean Architecture ?
Réponse
La Clean Architecture repose sur la Dependency Rule : les dépendances doivent toujours pointer vers l'intérieur, des couches externes (UI, infrastructure) vers les couches internes (domain, business logic). Le domaine métier ne doit jamais dépendre de l'UI ou des frameworks. Cette séparation permet de tester la logique métier indépendamment, de changer de framework sans réécrire le code métier, et de maintenir une architecture découplée et évolutive.
Que signifie le principe SOLID 'Single Responsibility' appliqué à un composant React ?
Qu'est-ce que l'injection de dépendances en React ?
+19 questions d'entretien
Autres sujets d'entretien React / Next.js
Les bases de JavaScript
Fondamentaux React
React Hooks
Cycle de vie des composants
React Router
Gestion d'état avec Context
Formulaires & Composants contrôlés
Fetching de données & API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentaux Next.js
TypeScript avec React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigation Next.js
API Routes Next.js
Metadata & SEO Next.js
Middleware & Auth Next.js
Testing React
Zustand State Management
Optimisation Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Fonctionnalités avancées Next.js
Déploiement & Production Next.js
React Server Components
Internationalisation Next.js
Sécurité & Best Practices React
Maîtrise React / Next.js pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement