Lessico IT › Web › React Suspense

React Suspense

Web Svenska → Aggiornato: 2026-10-02

Funzione di React per gestire lo stato di caricamento in modo dichiarativo: <Suspense fallback={<Spinner />}><DataComponent /></Suspense>. Un componente figlio può "sospendersi" lanciando una Promise; Suspense mostra il fallback finché non si risolve. Stabile in React 18.

Usi: rotte caricate in modo lazy (React.lazy()), data fetching (con librerie come Relay, SWR, TanStack Query), streaming dei Server Components. I confini Suspense si annidano: quello esterno mostra lo stato generale, quelli interni possono inviare in streaming singole sezioni. Hydration selettiva: il server invia l'HTML in streaming e il client idrata i componenti per priorità (prima quelli visibili). Attrito nella migrazione: il data fetching legacy (useEffect + setState) non è compatibile con Suspense e va avvolto a mano. Concorrenza: Vue suspense, le resources di Solid e i blocchi await di Svelte offrono un pattern equivalente.

← Torna al lessico