Error Boundary nedir? Hangi hataları yakalayamaz?
Cevap
Error Boundary, alt ağacındaki render sırasında oluşan hataları yakalayıp tüm uygulama çökmek yerine yedek bir arayüz (fallback) gösteren bileşendir. Yalnızca class bileşeni olarak yazılabilir (ya da react-error-boundary paketi kullanılır).
class HataSiniri extends React.Component {
state = { hata: null };
static getDerivedStateFromError(hata) { return { hata }; }
componentDidCatch(hata, bilgi) { logla(hata, bilgi.componentStack); }
render() {
return this.state.hata ? <p>Bir şeyler ters gitti.</p> : this.props.children;
}
}Yakalayamadıkları:
- Event handler içindeki hatalar (normal
try/catchkullanılır) - Asenkron kod (
setTimeout, Promise callback'leri) - Sunucu tarafı render hataları
- Error Boundary'nin kendi içindeki hatalar
İlgili React soruları
- Virtual DOM nedir ve reconciliation nasıl çalışır?
- Listelerde key prop neden önemlidir? Index kullanmak neden sorunludur?
- Controlled ve uncontrolled component farkı nedir?
- useEffect bağımlılık dizisi nasıl çalışır?
- useMemo ile useCallback arasındaki fark nedir?
- Gereksiz render'ları nasıl tespit eder ve önlersiniz?
Bu konuda başka bir soru biliyor musun?
Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.