Menene error boundaries kuma menene suke kamata?

Question

Accepted Answer

**Error boundary** wani iri ne na component da suke damje JavaScript kuskure na jefa **yayin bangare** a cikin ranar karandar sa, suka nuna halin buguwa a maimakon lalata toda shafi duka, kuma suna iya rubuta kuskure. ```jsx class ErrorBoundary extends React.Component { state = { hasError: false }; static getDerivedStateFromError() { return { hasError: true }; // render the fallback on next render } componentDidCatch(error, info) { logToService(error, info); // side effect: report it } render() { return this.state.hasError ? : this.props.children; } } // wrap an independent section so its failure doesn't blank the page: ``` ## Abin da yake kamata — kuma abin da bake kamata ba ✅ Kamata: kuskure a **render**, a **lifecycle methods**, kuma a gidajen **constructors** na abubuwan da ke ƙasa da shi. ❌ **Ba** sa kamata: - Kuskure a **event handlers** (yi amfani da normal `try/catch` a can). - **Async** code (alwatika, `setTimeout`) — suna wajen samu a waje daga render flow. - Kuskure a iyaka da kanta, ko yayin **SSR**. ## Bayanan aiki-aiki - Error boundaries dole ne su kasance **class components** a halin yanzu (ko yi amfani da `react-error-boundary` shafin shauki don API mai ban sha'awa hook). - Sai dai wasu iyaka a kewaye da sassu masu zaman kansu (widgets, hanyoyi) saboda daya da ake kauriyar widget bai yafi duka ba — gida daya a kan jeren ne yake zama duka kuskure zuwa shafin banye gida.