React Beveiliging & Best Practices
XSS-preventie, CSRF-bescherming, dangerouslySetInnerHTML, Content Security Policy, HTTPS, sanitisatie
1Wat is een XSS (Cross-Site Scripting) aanval?
Wat is een XSS (Cross-Site Scripting) aanval?
Antwoord
Een XSS-aanval houdt in dat kwaadaardige JavaScript-code in een webapplicatie wordt geïnjecteerd om het uit te voeren in de browsers van andere gebruikers. De aanvaller exploiteert validatie- of escape-fouten om cookies, sessietokens te stelen of ongeautoriseerde acties uit te voeren. React biedt native bescherming door JSX-waarden automatisch te escapen, maar kwetsbaarheden blijven bestaan bij dangerouslySetInnerHTML of directe DOM-manipulatie.
2Hoe beschermt React standaard tegen XSS-aanvallen?
Hoe beschermt React standaard tegen XSS-aanvallen?
Antwoord
React escaped automatisch alle waarden die via JSX worden ingevoegd door ze vóór het renderen naar gewone tekst te converteren. Deze bescherming voorkomt de uitvoering van kwaadaardige scripts, zelfs als HTML-code in de gegevens wordt geïnjecteerd. In tegenstelling tot innerHTML dat HTML interpreteert en uitvoert, behandelt React tags als gewone tekst, waardoor het onmogelijk is om kwaadaardig JavaScript via standaard props of state te injecteren.
3Waarom wordt dangerouslySetInnerHTML als gevaarlijk beschouwd in React?
Waarom wordt dangerouslySetInnerHTML als gevaarlijk beschouwd in React?
Antwoord
Deze eigenschap omzeilt Reacts native XSS-bescherming door ruwe HTML direct zonder escaping in de DOM in te voegen. Als de inhoud afkomstig is van een niet-vertrouwde bron of externe API, kan het kwaadaardige JavaScript bevatten dat wordt uitgevoerd. De expliciete naam dangerouslySetInnerHTML dwingt ontwikkelaars het beveiligingsrisico bewust te erkennen en goede sanitisatie te implementeren met bibliotheken zoals DOMPurify.
Wat is het belangrijkste verschil tussen een Stored XSS en Reflected XSS aanval?
Welke aanpak verdient de voorkeur om HTML van een externe API in React weer te geven?
+19 gespreksvragen
Andere React / Next.js-sollicitatieonderwerpen
JavaScript-basisbegrippen
React-basisbegrippen
React Hooks
Componentlevenscyclus
React Router
Statusbeheer met Context
Formulieren & Controlled Components
Gegevens ophalen & API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Fundamentals
TypeScript met React
Next.js Data Fetching
Next.js Server Actions
Routing & Navigatie in Next.js
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware & Auth
React Testen
Zustand State Management
React Performance-optimalisatie
Error Boundaries & Error Handling
Advanced React Patterns
Geavanceerde Next.js-functies
Next.js Deployment & Productie
Architecture & Design Patterns
React Server Components
Next.js Internationalisering
Beheers React / Next.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis