# React Güvenlik & En İyi Uygulamalar (React / Next.js)

> XSS önleme, CSRF koruması, dangerouslySetInnerHTML, Content Security Policy, HTTPS, sanitizasyon

- 22 mülakat soruları
- Senior
- [Mülakat Soruları: React / Next.js](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari.md)

## 1. XSS (Cross-Site Scripting) saldırısı nedir?

**Cevap**

XSS saldırısı, kötü amaçlı JavaScript kodunu bir web uygulamasına enjekte ederek diğer kullanıcıların tarayıcılarında çalıştırmayı içerir. Saldırgan, cookie ve oturum tokenı çalmak veya yetkisiz işlemler gerçekleştirmek için doğrulama veya kaçış açıklarını istismar eder. React, JSX değerlerini otomatik olarak kaçırarak yerel koruma sağlar, ancak dangerouslySetInnerHTML veya doğrudan DOM manipülasyonunda güvenlik açıkları devam eder.

## 2. React varsayılan olarak XSS saldırılarına karşı nasıl koruma sağlar?

**Cevap**

React, JSX aracılığıyla eklenen tüm değerleri render öncesinde düz metne dönüştürerek otomatik olarak kaçırır. Bu koruma, veriye HTML kodu enjekte edilse bile kötü amaçlı script çalışmasını engeller. HTML'yi yorumlayan ve çalıştıran innerHTML'den farklı olarak, React etiketleri düz metin olarak işler ve standart prop veya state üzerinden kötü amaçlı JavaScript enjeksiyonunu imkânsız kılar.

## 3. React'ta dangerouslySetInnerHTML neden tehlikeli kabul edilir?

**Cevap**

Bu özellik, React'ın yerel XSS korumasını atlayarak ham HTML'yi escape etmeden doğrudan DOM'a ekler. İçerik güvenilmez bir kaynaktan veya harici bir API'den geliyorsa çalıştırılacak kötü amaçlı JavaScript içerebilir. dangerouslySetInnerHTML adı, geliştiricileri güvenlik riskini bilinçli olarak kabul etmeye ve DOMPurify gibi kütüphanelerle uygun sanitizasyonu uygulamaya zorlar.

## 19 soru daha mevcut

- Stored XSS ve Reflected XSS saldırısı arasındaki temel fark nedir?
- React'ta harici API'den gelen HTML'yi görüntülemek için hangi yaklaşım tercih edilmelidir?

Ücretsiz kaydol: https://sharpskill.dev/tr/login

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

- [JavaScript Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/javascript-essentials.md): 25 soru, Junior
- [React Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-fundamentals.md): 20 soru, Junior
- [React Hooks](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-hooks.md): 22 soru, Junior
- [Bileşen yaşam döngüsü](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/component-lifecycle.md): 18 soru, Junior
- [React Router](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-router.md): 20 soru, Junior
- [Context ile state yönetimi](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/state-management-context.md): 18 soru, Junior
- [Formlar ve Controlled Components](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/forms-controlled-components.md): 20 soru, Mid-Level
- [Veri Çekme ve API](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/fetching-data-api.md): 20 soru, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-query-tanstack.md): 20 soru, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/styling-css-in-js.md): 18 soru, Mid-Level
- [Next.js Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-fundamentals.md): 25 soru, Mid-Level
- [React ile TypeScript](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/typescript-react.md): 20 soru, Mid-Level
- [Next.js Veri Çekme](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-data-fetching.md): 24 soru, Mid-Level
- [Next.js Server Actions](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-server-actions.md): 20 soru, Mid-Level
- [Next.js Routing ve Navigasyon](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-routing-navigation.md): 22 soru, Mid-Level
- [Next.js API Routes](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-api-routes.md): 20 soru, Mid-Level
- [Next.js Metadata & SEO](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-metadata-seo.md): 18 soru, Mid-Level
- [Next.js Middleware ve Auth](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-middleware-auth.md): 22 soru, Mid-Level
- [React Testing](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-testing.md): 20 soru, Mid-Level
- [Zustand State Management](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/zustand-state-management.md): 18 soru, Mid-Level
- [React Performans Optimizasyonu](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-performance-optimization.md): 22 soru, Senior
- [Error Boundaries & Error Handling](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-error-boundaries.md): 18 soru, Senior
- [Advanced React Patterns](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/advanced-react-patterns.md): 20 soru, Senior
- [Next.js Gelişmiş Özellikler](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-advanced-features.md): 24 soru, Senior
- [Next.js Dağıtım & Üretim](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-deployment-production.md): 20 soru, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-architecture-patterns.md): 22 soru, Senior
- [React Server Components](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-server-components.md): 26 soru, Senior
- [Next.js Uluslararasılaştırma](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-internationalization.md): 20 soru, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-security-best-practices