React / Next.js

React / Next.js

FRONTEND

UI kütüphanesi olarak React ve full-stack framework olarak Next.js'i birleştiren modern frontend geliştirme. Üretime hazır uygulamalar için Server Component, App Router, Server Action ve hibrit render (SSR, SSG, ISR) tabanlı mimari.

Ne öğreneceksin

Server Component, Suspense ve gelişmiş hook (useActionState, use) ile modern React

Layout, streaming SSR ve partial prerendering ile Next.js App Router

API route olmadan sunucu tarafı mutasyonlar için Server Action

Tip çıkarımı ve tip güvenliği ile katı TypeScript

Dinamik route ve route grupları ile dosya tabanlı yönlendirme

Modern veri çekme (cache ile fetch, Server Component, paralel veri)

Durum yönetimi (Context API, Zustand, sunucu önbelleği için TanStack Query)

TailwindCSS, CSS Modules, styled-components veya Sass ile stillendirme

Kapsamlı test (Vitest/Jest, React Testing Library, Playwright/Cypress)

Performans (Image/Font optimizasyonu, code splitting, lazy loading, analitik)

Uzmanlaşılması gereken temel konular

Bu teknolojiyi anlamak ve mülakatlarını başarmak için en önemli kavramlar

1

React: JSX, Virtual DOM, reconciliation, fiber mimarisi

2

Modern hook: useState, useEffect, useContext, useMemo, useCallback, useActionState

3

Server Component vs Client Component ("use client"), bileşim kalıpları

4

Props, State, state yukarı taşıma, prop drilling ve çözümleri

5

React yaşam döngüsü, useEffect temizleme, bağımlılık dizisi, strict mode

6

Next.js App Router: yönlendirme, layout, template, loading/error durumları

7

Veri çekme: async Server Component, fetch önbellekleme, yeniden doğrulama stratejileri

8

Server Action: progressive enhancement, useActionState, form işleme

9

Render stratejileri: SSR, SSG, ISR, istemci tarafı, streaming

10

Durum yönetimi: Context API, Zustand, Redux Toolkit, sunucu durumu (TanStack Query)

11

Performans: React.memo, useMemo, useCallback, lazy loading, Suspense sınırları

12

Yönlendirme: dinamik route, paralel route, intercepting route, middleware

13

Metadata ve SEO: generateMetadata, sitemap, robots.txt, Open Graph

14

Test: bileşen testleri, entegrasyon testleri, E2E, mock, test kalıpları

15

Build optimizasyonu, bundle analizi, dağıtım (Vercel, Docker), izleme