React 19: "Cannot update a component while rendering a different component"
Cosa significa questo warning, i due pattern che lo scatenano (stato derivato, callback ref), e come spostare l'update fuori dalla fase di render.
← Torna ai Tag
Articoli con il tag "react"
15articoli
React 19: "Too many re-renders", l'errore del loop infinito spiegato
Perché React lancia 'Too many re-renders. React limits the number of renders...' e le due cause più comuni: setState nel corpo del render e dipendenze instabili negli effect.
"Objects are not valid as a React child": cosa significa e le tre cause più comuni
Perché JSX non renderizza direttamente un oggetto, i tre casi reali che lo scatenano (Date, oggetti errore, Map/Set), e come correggere ciascuno.
React Server Components: cosa sono e come cambiano il modo di scrivere componenti
Server Components vs Client Components, le direttive 'use client' e 'use server', cosa gira dove, e come si integrano con Suspense e use().
React 19: `use` vs `useContext`, cosa cambia e quando preferirlo
La nuova use() di React 19 si sovrappone a useContext ma viola di proposito le Rules of Hooks. Differenze spiegate con esempi su contesto e promise.
React Router: perché route.lazy blocca lo swap di URL e Outlet
route.lazy in React Router blocca URL e Outlet finché il chunk non è pronto: perché succede e come passare a Component: lazy(...) per uno swap immediato.
React Compiler: il bug della UI congelata nascosto tra due componenti che sembrano entrambi corretti
Un bug del React Compiler dove un componente esce dalla memoizzazione mentre il suo vicino viene memoizzato in silenzio, congelando una UI alimentata da un riferimento stabile. Causa e fix.
React Compiler: cosa cambia per chi scrive componenti oggi
Cosa fa davvero il React Compiler, quando useMemo e useCallback diventano superflui, e perché le Rules of React contano più di prima.
React: useActionState e useFormStatus
Vediamo con alcuni esempi come funzionano i nuovi hook useActionState e useFormStatus di React 19
Come funzionano Error Boundaries in React, con esempi
Come funzionano gli Error Boundaries in React: componenti che catturano gli errori dei figli per migliorare stabilità e affidabilità dell'app.
React: event handler e gli hook
Come gestire correttamente gli event handler in React, inclusi gli eventi su window come resize e scroll, evitando gli errori più comuni.
Guida a useReducer in React
Guida pratica all'hook useReducer di React: come funziona, quando preferirlo a useState e un esempio completo per gestire stati complessi.
React: come funziona useContext (con esempi)
Come funziona l'hook useContext in React per condividere dati tra componenti senza props drilling, con un esempio pratico passo passo.
React: errori da non fare utilizzando gli hook
Gli errori più comuni da evitare quando si usano gli hook di React: chiamate condizionali, ordine, funzioni annidate e come riconoscerli.
React: useContext con useState
Come combinare useContext e useState in React per condividere stato e funzione di aggiornamento tra componenti, con esempio live.