Question 1

React.memo'nun temel rolü nedir?

Accepted Answer

React.memo, bir bileşenin render çıktısını memoize eden bir Higher-Order Component'tir. Props'ların sığ karşılaştırmasını yapar ve props'lar değişmemişse yeniden render'ı atlar. Sık sık aynı props'ları alan maliyetli alt bileşenleri optimize etmek için özellikle kullanışlıdır.

Question 2

useMemo ve useCallback arasındaki temel fark nedir?

Accepted Answer

useMemo bir fonksiyonun sonucunu (döndürülen değeri) memoize ederken, useCallback fonksiyonun kendisini memoize eder. useMemo maliyetli hesaplamaları optimize etmek için kullanılırken, useCallback props olarak geçirilen fonksiyon referanslarını stabilize ederek memoize edilmiş alt bileşenlerin gereksiz yeniden render edilmesini önler.

Question 3

React.memo kullanımı hangi durumda ters etki yapabilir?

Accepted Answer

React.memo, her render'da farklı props alan bileşenlerde ters etki yapabilir, çünkü sığ props karşılaştırmasının maliyeti fayda sağlamadan eklenir (bileşen zaten yeniden render edilecektir). React.memo'yu sıklıkla aynı props'ları alan ve maliyetli render'lara sahip bileşenler için ayırmak daha iyidir.

React Performans Optimizasyonu

React.memo'nun temel rolü nedir?

Cevap

useMemo ve useCallback arasındaki temel fark nedir?

Cevap

React.memo kullanımı hangi durumda ters etki yapabilir?

Cevap

React.memo ile memoize edilmiş bir bileşene prop olarak geçirilen bir fonksiyon için neden useCallback kullanılır?

React.lazy ile code splitting'in temel avantajı 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

Error Boundaries & Error Handling

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ş