Question 1

React'te CSS Module nedir?

Accepted Answer

CSS Modules, sınıf adına hash ekleyerek otomatik olarak benzersiz sınıf adları oluşturur; bu da bileşenler arasındaki stil çakışmalarını önler. Her CSS Module dosyasının, geleneksel global stil sayfalarından farklı olarak kendi yerel scope'u vardır. Bu yaklaşım, diğer bileşenlerde yanlışlıkla üzerine yazma riski olmadan modüler stiller yazmaya olanak tanır.

Question 2

styled-components'in temel avantajı nedir?

Accepted Answer

Styled-components, template literals kullanarak doğrudan JavaScript dosyalarına CSS yazmayı sağlar ve bu da bileşen props'larına dayalı dinamik stiller oluşturmayı kolaylaştırır. Bu yaklaşım CSS sınıfları ile bileşenler arasındaki manuel eşlemeyi ortadan kaldırır ve yalnızca mount edilmiş bileşenlerin stillerinin sayfaya enjekte edilmesini sağlar. Stillerin bileşen mantığıyla birlikte konumlandırılması kod bakımını da iyileştirir.

Question 3

React bileşenine CSS Module nasıl dahil edilir?

Accepted Answer

CSS Module'ü içe aktarmak için, .module.css ile biten dosya adıyla standart JavaScript import sözdizimini kullanın ve sonucu dönüştürülmüş sınıf adlarını içeren bir nesneyi tutacak değişkene atayın. Geleneksel olarak bu değişken genellikle 'styles' olarak adlandırılır. Sınıflar daha sonra nesne notasyonu kullanarak className niteliği aracılığıyla uygulanabilir. Bu yaklaşım, sınıf adlarının benzersiz ve bileşene özgü olmasını sağlar.

Styling & CSS-in-JS

React'te CSS Module nedir?

Cevap

styled-components'in temel avantajı nedir?

Cevap

React bileşenine CSS Module nasıl dahil edilir?

Cevap

Tailwind CSS'in temel özelliği nedir?

React'te inline stillerin temel dezavantajı 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)

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ş