# React Beveiliging & Best Practices (React / Next.js) > XSS-preventie, CSRF-bescherming, dangerouslySetInnerHTML, Content Security Policy, HTTPS, sanitisatie - 22 gespreksvragen - Senior - [Gespreksvragen: React / Next.js](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen.md) ## 1. 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. ## 2. 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. ## 3. 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. ## Nog 19 vragen beschikbaar - 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? Meld je gratis aan: https://sharpskill.dev/nl/login ## Andere React / Next.js-sollicitatieonderwerpen - [JavaScript-basisbegrippen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/javascript-essentials.md): 25 vragen, Junior - [React-basisbegrippen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-fundamentals.md): 20 vragen, Junior - [React Hooks](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-hooks.md): 22 vragen, Junior - [Componentlevenscyclus](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/component-lifecycle.md): 18 vragen, Junior - [React Router](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-router.md): 20 vragen, Junior - [Statusbeheer met Context](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/state-management-context.md): 18 vragen, Junior - [Formulieren & Controlled Components](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/forms-controlled-components.md): 20 vragen, Mid-Level - [Gegevens ophalen & API](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/fetching-data-api.md): 20 vragen, Mid-Level - [React Query (TanStack Query)](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-query-tanstack.md): 20 vragen, Mid-Level - [Styling & CSS-in-JS](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/styling-css-in-js.md): 18 vragen, Mid-Level - [Next.js Fundamentals](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-fundamentals.md): 25 vragen, Mid-Level - [TypeScript met React](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/typescript-react.md): 20 vragen, Mid-Level - [Next.js Data Fetching](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-data-fetching.md): 24 vragen, Mid-Level - [Next.js Server Actions](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-server-actions.md): 20 vragen, Mid-Level - [Routing & Navigatie in Next.js](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-routing-navigation.md): 22 vragen, Mid-Level - [Next.js API Routes](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-api-routes.md): 20 vragen, Mid-Level - [Next.js Metadata & SEO](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-metadata-seo.md): 18 vragen, Mid-Level - [Next.js Middleware & Auth](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-middleware-auth.md): 22 vragen, Mid-Level - [React Testen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-testing.md): 20 vragen, Mid-Level - [Zustand State Management](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/zustand-state-management.md): 18 vragen, Mid-Level - [React Performance-optimalisatie](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-performance-optimization.md): 22 vragen, Senior - [Error Boundaries & Error Handling](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-error-boundaries.md): 18 vragen, Senior - [Advanced React Patterns](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/advanced-react-patterns.md): 20 vragen, Senior - [Geavanceerde Next.js-functies](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-advanced-features.md): 24 vragen, Senior - [Next.js Deployment & Productie](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-deployment-production.md): 20 vragen, Senior - [Architecture & Design Patterns](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-architecture-patterns.md): 22 vragen, Senior - [React Server Components](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-server-components.md): 26 vragen, Senior - [Next.js Internationalisering](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-internationalization.md): 20 vragen, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-security-best-practices