Question 1

Zustand nedir?

Accepted Answer

Zustand, Redux veya Context API'nin aksine Provider gerektirmeyen, React için minimalist bir state management kütüphanesidir. Hooks ve create() fonksiyonuna dayalı basit bir API sunar ve çok küçük bir bundle size'a sahiptir (1KB'den az). Zustand, Redux'un mimari karmaşıklığı olmadan global state yönetimi sağlarken, Context API'nin performans sorunlarından da kaçınır.

Question 2

Temel bir Zustand store nasıl oluşturulur?

Accepted Answer

create() fonksiyonu bir Zustand store'u başlatmak için kullanılır. set ve get'i parametre olarak alan bir callback fonksiyonu kabul eder ve başlangıç state'ini ve actions'ları tanımlamanıza olanak tanır. Döndürülen store, doğrudan bileşenlerde kullanılabilen bir React hook'tur. Bu yaklaşım, Redux'taki action creators veya reducers gibi boilerplate ihtiyacını ortadan kaldırır.

Question 3

Bir bileşende Zustand store'unun state'ine nasıl erişilir?

Accepted Answer

create() ile oluşturulan store, fonksiyonel bileşenlerde doğrudan çağrılabilen bir React hook döndürür. Bu hook, state'in yalnızca gerekli kısmını çıkarmak için opsiyonel bir selector kabul eder. Selector olmadan tüm state'i döndürür, ancak bu gereksiz re-render'lara neden olabilir. Hook-first yaklaşımı, Zustand'ı modern React geliştiricileri için çok sezgisel kılar.

Zustand State Management

Zustand nedir?

Cevap

Temel bir Zustand store nasıl oluşturulur?

Cevap

Bir bileşende Zustand store'unun state'ine nasıl erişilir?

Cevap

Zustand'da bir selector'ın rolü nedir?

Selector'lar ile gereksiz re-render'lar nasıl önlenir?

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

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ş