Question 1

Qual è il ruolo principale di React.memo?

Accepted Answer

React.memo è un Higher-Order Component che memorizza il risultato del rendering di un componente. Esegue un confronto superficiale delle props e salta il re-rendering se le props non sono cambiate. Particolarmente utile per ottimizzare componenti figli costosi che ricevono frequentemente le stesse props.

Question 2

Qual è la differenza principale tra useMemo e useCallback?

Accepted Answer

useMemo memorizza il risultato di una funzione (il valore restituito), mentre useCallback memorizza la funzione stessa. useMemo viene usato per ottimizzare calcoli costosi, mentre useCallback viene usato per stabilizzare i riferimenti alle funzioni passate come props, evitando re-rendering non necessari dei componenti figli memorizzati.

Question 3

In quale caso l'uso di React.memo può essere controproducente?

Accepted Answer

React.memo può essere controproducente sui componenti che ricevono props diverse ad ogni rendering, poiché il costo del confronto superficiale delle props viene aggiunto senza beneficio (il componente verrà comunque re-renderizzato). È meglio riservare React.memo ai componenti che ricevono spesso le stesse props e hanno rendering costosi.

Ottimizzazione delle Performance React

Qual è il ruolo principale di React.memo?

Risposta

Qual è la differenza principale tra useMemo e useCallback?

Risposta

In quale caso l'uso di React.memo può essere controproducente?

Risposta

Perché usare useCallback per una funzione passata come prop a un componente memorizzato con React.memo?

Qual è il vantaggio principale del code splitting con React.lazy?

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

Error Boundaries & Error Handling

Advanced React Patterns

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