Advanced React Patterns
Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters
1Cos'è il pattern Compound Components?
Cos'è il pattern Compound Components?
Risposta
Il pattern Compound Components consente di creare componenti che condividono stato implicito tramite React Context, senza passare props esplicitamente. Questo pattern è usato in librerie come Radix UI e Headless UI per fornire un'API flessibile e componibile. I componenti figlio possono accedere automaticamente allo stato condiviso, consentendo la personalizzazione della struttura senza perdere la logica comune.
2Qual è il principio del pattern Render Props?
Qual è il principio del pattern Render Props?
Risposta
Il pattern Render Props consiste nel passare una funzione come prop che restituisce un elemento React, consentendo al componente padre di condividere la sua logica con il componente figlio. Questa funzione riceve dati o metodi dal padre come parametri. Questo pattern era molto popolare prima dell'arrivo degli hook, soprattutto con librerie come React Router e Downshift.
3Cosa sono i Higher-Order Components (HOC)?
Cosa sono i Higher-Order Components (HOC)?
Risposta
I Higher-Order Components sono funzioni che prendono un componente come parametro e restituiscono un nuovo componente arricchito con props o comportamenti aggiuntivi. Questo pattern consente di riutilizzare la logica tra componenti senza duplicazione del codice. Gli HOC vengono usati per preoccupazioni trasversali come autenticazione, tracking o gestione dei permessi.
Qual è la differenza tra un componente controllato e non controllato?
Cos'è il pattern Provider?
+17 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
Funzionalità avanzate di Next.js
Deploy e Produzione con Next.js
Architecture & Design Patterns
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