# Error Boundaries & Error Handling (React / Next.js)

> Error boundaries, componentDidCatch, error fallback, error recovery, strategie di logging

- 18 domande da colloquio
- Senior
- [Domande da colloquio: React / Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio.md)

## 1. Cos'è un Error Boundary in React?

**Risposta**

Un Error Boundary è un componente di classe React che cattura gli errori JavaScript che si verificano nell'albero dei suoi componenti figli, mostra un'interfaccia di fallback e impedisce il crash dell'intera applicazione. Utilizza i metodi componentDidCatch() e getDerivedStateFromError() per intercettare e gestire gli errori di rendering.

## 2. Perché usare Error Boundaries invece del classico try/catch in React?

**Risposta**

I blocchi try/catch non possono catturare errori che si verificano durante il rendering dei componenti React, poiché questi errori si propagano nell'albero in modo asincrono. Gli Error Boundaries sono progettati specificamente per intercettare errori di rendering, errori del ciclo di vita e errori dei costruttori nei componenti figli, mentre try/catch funziona solo per codice imperativo sincrono.

## 3. Quale metodo del ciclo di vita permette di catturare un errore in un Error Boundary?

**Risposta**

componentDidCatch(error, info) è il metodo del ciclo di vita invocato dopo che un errore è stato catturato dall'Error Boundary. Riceve l'errore e un oggetto info contenente componentStack, permettendo il logging dell'errore o azioni di side-effect. Si noti che getDerivedStateFromError() è anche usato ma per aggiornare lo state e mostrare la fallback UI.

## Altre 15 domande disponibili

- Qual è il ruolo di getDerivedStateFromError() in un Error Boundary?
- Qual è la differenza tra getDerivedStateFromError() e componentDidCatch()?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio React / Next.js

- [Fondamenti di JavaScript](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/javascript-essentials.md): 25 domande, Junior
- [Fondamenti di React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-fundamentals.md): 20 domande, Junior
- [React Hooks](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-hooks.md): 22 domande, Junior
- [Ciclo di vita dei componenti](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/component-lifecycle.md): 18 domande, Junior
- [React Router](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-router.md): 20 domande, Junior
- [Gestione dello state con Context](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/state-management-context.md): 18 domande, Junior
- [Form e Controlled Components](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/forms-controlled-components.md): 20 domande, Mid-Level
- [Recupero dati e API](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/fetching-data-api.md): 20 domande, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-query-tanstack.md): 20 domande, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/styling-css-in-js.md): 18 domande, Mid-Level
- [Fondamentali di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-fundamentals.md): 25 domande, Mid-Level
- [TypeScript con React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/typescript-react.md): 20 domande, Mid-Level
- [Data Fetching in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-data-fetching.md): 24 domande, Mid-Level
- [Server Actions di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-server-actions.md): 20 domande, Mid-Level
- [Routing e Navigazione in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-routing-navigation.md): 22 domande, Mid-Level
- [API Routes di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-api-routes.md): 20 domande, Mid-Level
- [Metadata & SEO in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-metadata-seo.md): 18 domande, Mid-Level
- [Middleware e Auth in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-middleware-auth.md): 22 domande, Mid-Level
- [Testing React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-testing.md): 20 domande, Mid-Level
- [Zustand State Management](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/zustand-state-management.md): 18 domande, Mid-Level
- [Ottimizzazione delle Performance React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-performance-optimization.md): 22 domande, Senior
- [Advanced React Patterns](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/advanced-react-patterns.md): 20 domande, Senior
- [Funzionalità avanzate di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-advanced-features.md): 24 domande, Senior
- [Deploy e Produzione con Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-deployment-production.md): 20 domande, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-architecture-patterns.md): 22 domande, Senior
- [React Server Components](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-server-components.md): 26 domande, Senior
- [Internazionalizzazione di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-internationalization.md): 20 domande, Senior
- [React Sicurezza & Best Practices](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-security-best-practices.md): 22 domande, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-error-boundaries