Architecture & Design Patterns
Struttura feature-based, atomic design, clean architecture, principi SOLID, dependency injection
1Cos'è l'Atomic Design in React?
Cos'è l'Atomic Design in React?
Risposta
L'Atomic Design organizza i componenti React in 5 livelli gerarchici: atoms (pulsanti, input), molecules (form semplici), organisms (header, footer), templates (layout di pagina) e pages (istanze concrete). Questa metodologia fornisce una struttura coerente e scalabile per il design system. Facilita il riutilizzo dei componenti e la collaborazione tra designer e sviluppatori condividendo un vocabolario comune.
2Qual è la caratteristica principale di un'architettura feature-based?
Qual è la caratteristica principale di un'architettura feature-based?
Risposta
L'architettura feature-based raggruppa tutti i file relativi a una funzionalità nella stessa cartella (componenti, hooks, stili, test, tipi). Questo approccio promuove la co-location e l'autonomia delle feature. Ogni feature diventa un modulo indipendente con le proprie responsabilità, il che facilita la manutenzione e consente ai team di lavorare in parallelo senza conflitti.
3Qual è il principio fondamentale della Clean Architecture?
Qual è il principio fondamentale della Clean Architecture?
Risposta
La Clean Architecture si basa sulla Dependency Rule: le dipendenze devono sempre puntare verso l'interno, dai livelli esterni (UI, infrastruttura) ai livelli interni (domain, business logic). Il dominio aziendale non deve mai dipendere da UI o framework. Questa separazione consente di testare la logica aziendale indipendentemente, cambiare framework senza riscrivere il codice aziendale e mantenere un'architettura disaccoppiata e scalabile.
Cosa significa il principio SOLID 'Single Responsibility' applicato a un componente React?
Cos'è la dependency injection in React?
+19 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
React Hooks
Ciclo di vita dei componenti
React Router
Gestione dello state con Context
Form e Controlled Components
Recupero dati e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentali di Next.js
TypeScript con React
Data Fetching in Next.js
Server Actions di Next.js
Routing e Navigazione in Next.js
API Routes di Next.js
Metadata & SEO in Next.js
Middleware e Auth in Next.js
Testing React
Zustand State Management
Ottimizzazione delle Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Funzionalità avanzate di Next.js
Deploy e Produzione con Next.js
React Server Components
Internazionalizzazione di Next.js
React Sicurezza & Best Practices
Padroneggia React / Next.js per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis