React / Next.js

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

Mounting, updating, unmounting, useEffect cleanup, bağımlılık dizisi, lifecycle patterns

18 mülakat soruları·
Junior
1

React bileşeninde mounting nedir?

Cevap

Mounting, bir bileşenin oluşturulduğu ve ilk kez DOM'a eklendiği aşamadır. Bu aşamada React, state'i başlatır, yapılandırma kodunu çalıştırır ve ilk render'ı gerçekleştirir. useEffect aracılığıyla API çağrıları başlatmak veya subscription'ları başlatmak için ideal andır.

2

React bileşeninde unmounting nedir?

Cevap

Unmounting, bir bileşenin DOM'dan kaldırıldığı ve yok edildiği aşamadır. Bu aşama, bileşene artık ihtiyaç kalmadığında gerçekleşir, örneğin bir rota değişikliği veya render koşulu sırasında. Kaynakları temizlemek için kritik andır: timer'ları iptal etmek, WebSocket bağlantılarını kapatmak ve bellek sızıntılarını önlemek için event listener'ları kaldırmak.

3

useEffect'e geçirilen fonksiyon varsayılan olarak ne zaman çalışır?

Cevap

Varsayılan olarak, useEffect her bileşen render'ından sonra çalışır; ilk render ve tüm sonraki yeniden render'lar dahil. Bu asenkron yürütme, kullanıcı arayüzünü engellememesini sağlar. Bu davranışı kontrol etmek için, yalnızca belirli değerler değiştiğinde yürütmeleri sınırlamak amacıyla ikinci argüman olarak bağımlılık dizisi kullanılabilir.

4

useEffect'teki bağımlılık dizisinin amacı nedir?

5

useEffect'e bağımlılık olarak boş bir dizi [] geçmek ne anlama gelir?

+15 mülakat soruları

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

JavaScript Temelleri

Junior
25 soru

React Temelleri

Junior
20 soru

React Hooks

Junior
22 soru

React Router

Junior
20 soru

Context ile state yönetimi

Junior
18 soru

Formlar ve Controlled Components

Mid-Level
20 soru

Veri Çekme ve API

Mid-Level
20 soru

React Query (TanStack Query)

Mid-Level
20 soru

Styling & CSS-in-JS

Mid-Level
18 soru

Next.js Temelleri

Mid-Level
25 soru

React ile TypeScript

Mid-Level
20 soru

Next.js Veri Çekme

Mid-Level
24 soru

Next.js Server Actions

Mid-Level
20 soru

Next.js Routing ve Navigasyon

Mid-Level
22 soru

Next.js API Routes

Mid-Level
20 soru

Next.js Metadata & SEO

Mid-Level
18 soru

Next.js Middleware ve Auth

Mid-Level
22 soru

React Testing

Mid-Level
20 soru

Zustand State Management

Mid-Level
18 soru

React Performans Optimizasyonu

Senior
22 soru

Error Boundaries & Error Handling

Senior
18 soru

Advanced React Patterns

Senior
20 soru

Next.js Gelişmiş Özellikler

Senior
24 soru

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

Senior
20 soru

Architecture & Design Patterns

Senior
22 soru

React Server Components

Senior
26 soru

Next.js Uluslararasılaştırma

Senior
20 soru

React Güvenlik & En İyi Uygulamalar

Senior
22 soru

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

Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.

Ücretsiz başla