Question 1

React'te JSX nedir?

Accepted Answer

JSX, HTML'e benzeyen markup'ı doğrudan JavaScript kodu içinde yazmaya olanak tanıyan bir JavaScript sözdizimi uzantısıdır. Derleme sırasında Babel tarafından React.createElement fonksiyon çağrılarına dönüştürülür. JSX kullanmak kodu daha okunabilir kılar ve tipleme aracılığıyla derleme zamanında hata tespitini mümkün kılarken, JavaScript'in gücünü tanıdık bir sözdizimi ile birleştirir.

Question 2

JSX içinde bir JavaScript ifadesi kullanmak için doğru sözdizimi hangisidir?

Accepted Answer

Tek süslü parantezler, değişkenler, fonksiyonlar veya hesaplamalar gibi geçerli herhangi bir JavaScript ifadesini JSX'e entegre etmeye olanak tanır. Bu sözdizimi, JSX markup'ı ile dinamik JavaScript kodu arasında net bir sınır oluşturur. Çift süslü parantezler inline style nesneleri için, normal parantezler çok satırlı JSX'i gruplamak için ve köşeli parantezler JavaScript dizileri için kullanılır.

Question 3

JSX'teki className ile HTML'deki class arasındaki temel fark nedir?

Accepted Answer

JSX, class yerine className kullanır çünkü class, ES6 sınıflarını tanımlamak için JavaScript'te ayrılmış bir anahtar kelimedir. JSX, JavaScript'e dönüştürüldüğünden, class kullanmak bir sözdizimi çakışması yaratır. Benzer şekilde, for htmlFor olur ve olaylar camelCase kullanır. Bu kural, JSX'in HTML benzeri bir sözdizimi sunarken geçerli JavaScript olarak kalmasını sağlar.

React Temelleri

React'te JSX nedir?

Cevap

JSX içinde bir JavaScript ifadesi kullanmak için doğru sözdizimi hangisidir?

Cevap

JSX'teki className ile HTML'deki class arasındaki temel fark nedir?

Cevap

JSX kodunda yorum nasıl yazılır?

React'te functional component nedir?

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

JavaScript 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

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ş