Apa iku error boundaries lan apa sing bisa dijupuk?

Question

Accepted Answer

**Error boundary** iku komponen sing nangkep JavaScript errors sing liwat **suwaktu rendering** ing pohon anak-anake, nuduhake fallback UI tinimbang nggawe aplikasi bedhil kabeh, lan bisa mencatat errors. ```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: ``` ## Apa sing dijupuk — lan apa sing ora ✅ Dijupuk: errors ing **render**, ing **lifecycle methods**, lan ing konstruktor komponen-komponen ing ngisor-anake. ❌ Ora dijupuk: - Errors ing **event handlers** (migunaake `try/catch` normal ing kono). - Kode **async** (promises, `setTimeout`) — iku ana luwaran flows render. - Errors ing boundary dhewe, utawa suwaktu **SSR**. ## Cathetan praktis - Error boundaries kudu **class components** saiki (utawa migunaake `react-error-boundary` library kanggo API sing hook-friendly). - Lengken akèh boundaries ing sekitar bagean-bagean independen (widgets, routes) dadi siji widget sing gagal ora nggawe kabeh mudhun — siji boundary level ndhuwur ngowahi errors dadi kaca kosong kebangkrakan.