Question 1

React'ta useState hook'u nedir?

Accepted Answer

useState, fonksiyonel bir bileşende yerel state'i yöneten bir React hook'udur. Her renderlamada sıfırlanan normal JavaScript değişkenlerinin aksine, useState art arda gelen renderlamalar arasında state değerini korur. Bu hook, mevcut state değerini ve onu güncelleyen bir fonksiyonu içeren bir dizi döndürür ve state değiştiğinde bileşenin yeniden renderlandırılmasını otomatik olarak tetikler.

Question 2

useState ile state bildirmenin doğru sözdizimi nedir?

Accepted Answer

Doğru sözdizimi, state değerini ve güncelleme fonksiyonunu çıkarmak için dizi destructuring kullanır. Geleneksel olarak, güncelleme fonksiyonu 'set' önekiyle ve ardından camelCase'de state değişkeni adıyla başlar. Bu kural kod okunabilirliğini artırır ve React topluluğunda yaygın olarak benimsenmiştir. useState tarafından döndürülen dizideki öğelerin sırası her zaman aynıdır: önce mevcut değer, ikinci olarak güncelleme fonksiyonu.

Question 3

Bir state güncelleme fonksiyonu çağrıldığında ne olur?

Accepted Answer

Bir state güncelleme fonksiyonu çağrıldığında, React yeni state değeriyle birlikte bileşenin yeniden renderlanmasını planlar. Güncelleme anlık değil asenkrondur, yani state değeri çağrıdan hemen sonra değiştirilmez. React, performansı optimize etmek ve gereksiz renderlara yol açmamak için birden fazla state güncellemesini toplu hale getirir. Bu batching stratejisi uygulama performansını önemli ölçüde iyileştirir.

React Hooks

React'ta useState hook'u nedir?

Cevap

useState ile state bildirmenin doğru sözdizimi nedir?

Cevap

Bir state güncelleme fonksiyonu çağrıldığında ne olur?

Cevap

State önceki değerine göre nasıl güncellenir?

Aynı bileşende birden fazla useState kullanılabilir mi?

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

JavaScript Temelleri

React Temelleri

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

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ş