Question 1

React'te Error Boundary nedir?

Accepted Answer

Error Boundary, alt bileşen ağacında meydana gelen JavaScript hatalarını yakalayan, bir fallback UI görüntüleyen ve tüm uygulamanın çökmesini önleyen bir React sınıf bileşenidir. Render hatalarını yakalamak ve yönetmek için componentDidCatch() ve getDerivedStateFromError() metotlarını kullanır.

Question 2

React'te neden klasik try/catch yerine Error Boundaries kullanılmalı?

Accepted Answer

Try/catch blokları, React bileşen render'ı sırasında oluşan hataları yakalayamaz çünkü bu hatalar ağaçta asenkron olarak yayılır. Error Boundaries, alt bileşenlerdeki render hatalarını, lifecycle hatalarını ve constructor hatalarını yakalamak için özel olarak tasarlanmıştır; try/catch ise yalnızca senkron imperatif kod için çalışır.

Question 3

Hangi lifecycle metodu Error Boundary'de bir hatayı yakalamanızı sağlar?

Accepted Answer

componentDidCatch(error, info), Error Boundary tarafından bir hata yakalandıktan sonra çağrılan lifecycle metodudur. Hatayı ve componentStack içeren bir info nesnesi alır, hata kaydetme veya side-effect işlemlerine olanak tanır. getDerivedStateFromError() da kullanılır ancak state'i güncellemek ve fallback UI görüntülemek içindir.

Error Boundaries & Error Handling

React'te Error Boundary nedir?

Cevap

React'te neden klasik try/catch yerine Error Boundaries kullanılmalı?

Cevap

Hangi lifecycle metodu Error Boundary'de bir hatayı yakalamanızı sağlar?

Cevap

Error Boundary'de getDerivedStateFromError()'ın rolü nedir?

getDerivedStateFromError() ile componentDidCatch() arasındaki fark nedir?

Diğer React / Next.js mülakat konuları

JavaScript Temelleri

React Temelleri

React Hooks

Bileşen yaşam döngüsü

React Router

Context ile state yönetimi

Formlar ve Controlled Components

Veri Çekme ve API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Temelleri

React ile TypeScript

Next.js Veri Çekme

Next.js Server Actions

Next.js Routing ve Navigasyon

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware ve Auth

React Testing

Zustand State Management

React Performans Optimizasyonu

Advanced React Patterns

Next.js Gelişmiş Özellikler

Next.js Dağıtım & Üretim

Architecture & Design Patterns

React Server Components

Next.js Uluslararasılaştırma

React Güvenlik & En İyi Uygulamalar

Bir sonraki mülakatın için React / Next.js'de uzmanlaş