# React Bezpieczeństwo & Najlepsze Praktyki (React / Next.js) > Zapobieganie XSS, ochrona CSRF, dangerouslySetInnerHTML, Content Security Policy, HTTPS, sanityzacja - 22 pytań z rozmów - Senior - [Pytania z rozmów: React / Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne.md) ## 1. Co to jest atak XSS (Cross-Site Scripting)? **Odpowiedź** Atak XSS polega na wstrzyknięciu złośliwego kodu JavaScript do aplikacji webowej w celu wykonania go w przeglądarkach innych użytkowników. Atakujący wykorzystuje luki w walidacji lub eskejpowaniu, aby kraść cookies, tokeny sesji lub wykonywać nieautoryzowane działania. React zapewnia natywną ochronę poprzez automatyczne eskejpowanie wartości JSX, jednak luki pozostają przy dangerouslySetInnerHTML lub bezpośredniej manipulacji DOM. ## 2. Jak React domyślnie chroni przed atakami XSS? **Odpowiedź** React automatycznie eskejpuje wszystkie wartości wstawiane przez JSX, konwertując je na zwykły tekst przed renderowaniem. Ta ochrona zapobiega uruchamianiu złośliwych skryptów nawet jeśli kod HTML zostanie wstrzyknięty do danych. W przeciwieństwie do innerHTML, który interpretuje i wykonuje HTML, React traktuje tagi jako zwykły tekst, uniemożliwiając wstrzyknięcie złośliwego JavaScript przez standardowe props lub state. ## 3. Dlaczego dangerouslySetInnerHTML jest uważane za niebezpieczne w React? **Odpowiedź** Ta właściwość omija natywną ochronę XSS React, wstawiając surowy HTML bezpośrednio do DOM bez eskejpowania. Jeśli treść pochodzi z niezaufanego źródła lub zewnętrznego API, może zawierać złośliwy JavaScript, który zostanie wykonany. Wyraźna nazwa dangerouslySetInnerHTML zmusza programistów do świadomego uznania ryzyka bezpieczeństwa i wdrożenia odpowiedniej sanityzacji z bibliotekami takimi jak DOMPurify. ## Jeszcze 19 dostępnych pytań - Jaka jest główna różnica między atakiem XSS Stored a Reflected? - Jakie podejście należy preferować, aby wyświetlić HTML z zewnętrznego API w React? Zarejestruj się za darmo: https://sharpskill.dev/pl/login ## Inne tematy rekrutacyjne React / Next.js - [Podstawy JavaScript](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/javascript-essentials.md): 25 pytań, Junior - [Podstawy React](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-fundamentals.md): 20 pytań, Junior - [React Hooks](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-hooks.md): 22 pytań, Junior - [Cykl życia komponentu](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/component-lifecycle.md): 18 pytań, Junior - [React Router](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-router.md): 20 pytań, Junior - [Zarządzanie stanem z Context](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/state-management-context.md): 18 pytań, Junior - [Formularze i Controlled Components](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/forms-controlled-components.md): 20 pytań, Mid-Level - [Pobieranie danych i API](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/fetching-data-api.md): 20 pytań, Mid-Level - [React Query (TanStack Query)](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-query-tanstack.md): 20 pytań, Mid-Level - [Styling & CSS-in-JS](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/styling-css-in-js.md): 18 pytań, Mid-Level - [Podstawy Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-fundamentals.md): 25 pytań, Mid-Level - [TypeScript z React](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/typescript-react.md): 20 pytań, Mid-Level - [Pobieranie danych w Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-data-fetching.md): 24 pytań, Mid-Level - [Server Actions w Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-server-actions.md): 20 pytań, Mid-Level - [Routing i Nawigacja w Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-routing-navigation.md): 22 pytań, Mid-Level - [API Routes w Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-api-routes.md): 20 pytań, Mid-Level - [Metadata & SEO w Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-metadata-seo.md): 18 pytań, Mid-Level - [Middleware i Auth w Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-middleware-auth.md): 22 pytań, Mid-Level - [Testowanie React](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-testing.md): 20 pytań, Mid-Level - [Zustand State Management](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/zustand-state-management.md): 18 pytań, Mid-Level - [Optymalizacja wydajności React](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-performance-optimization.md): 22 pytań, Senior - [Error Boundaries & Error Handling](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-error-boundaries.md): 18 pytań, Senior - [Advanced React Patterns](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/advanced-react-patterns.md): 20 pytań, Senior - [Zaawansowane funkcje Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-advanced-features.md): 24 pytań, Senior - [Wdrożenie i Produkcja Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-deployment-production.md): 20 pytań, Senior - [Architecture & Design Patterns](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-architecture-patterns.md): 22 pytań, Senior - [React Server Components](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-server-components.md): 26 pytań, Senior - [Internacjonalizacja Next.js](https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/nextjs-internationalization.md): 20 pytań, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/pl/technologies/react-next/pytania-rekrutacyjne/react-security-best-practices