Interviewfragen zu React (Senior) mit Antworten

75 Fragen fürs Vorstellungsgespräch zu React (Senior) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Warum ist cache() von React in Server Components nützlich?
  2. 2.Was ist Fiber in React?
  3. 3.Worin unterscheidet sich die Render-Phase von der Commit-Phase?
  4. 4.Was bringt Concurrent Rendering dem Nutzer?
  5. 5.Was passiert bei der Hydration?
  6. 6.Welcher Code beim Rendern verursacht typischerweise einen Hydration-Fehler?
  7. 7.Was ist selektive Hydration in React 18+?
  8. 8.Wie funktioniert Streaming-SSR (renderToPipeableStream)?
  9. 9.Worin unterscheiden sich Server Components von Client-Komponenten?
  10. 10.Was macht die Direktive 'use client' am Anfang einer Datei?
  11. 11.Wie rendert man eine Server Component innerhalb eines Client-<Modal>?
  12. 12.Welche Props kann man nicht von einer Server Component an eine Client Component übergeben?
  13. 13.Was muss man bei 'use server'-Funktionen in puncto Sicherheit beachten?
  14. 14.Wofür ist useEffectEvent da?
  15. 15.Was macht die Komponente <Activity mode="hidden"> (React 19.2)?
  16. 16.Wofür ist useImperativeHandle da?
  17. 17.Was macht dieser Hook?
  18. 18.Was ist Tearing beim Concurrent Rendering?
  19. 19.Welches dieser Szenarien verursacht ein Speicherleck in einer React-App?
  20. 20.Wie findet man am genauesten heraus, welche Komponenten bei einer Interaktion langsam sind?
  21. 21.Warum hat useContext keine „Selektoren“, und wie umgeht man das?
  22. 22.Du musst eine Liste mit 100 000 Einträgen rendern. Was tust du?
  23. 23.Was passiert mit einem beim Rendern geworfenen Fehler, wenn über der Komponente keine Error Boundary ist?
  24. 24.Warum erscheint bei einer Transition in startTransition kein Fallback für bereits angezeigten Suspense-Inhalt?
  25. 25.Was hat sich an startTransition in React 19 geändert?
  26. 26.Was ist neu an Callback-Refs in React 19?
  27. 27.Wie setzt man in React 19 <title> und <meta> aus einer Komponente ohne Drittanbieter-Bibliotheken?
  28. 28.Garantiert useMemo, dass sich die Berechnung bei gleichen Abhängigkeiten nicht wiederholt?
  29. 29.Wann ist es akzeptabel, setState direkt beim Rendern aufzurufen?
  30. 30.Wann ist flushSync gerechtfertigt?
  31. 31.Wofür ist createListenerMiddleware in Redux Toolkit da?
  32. 32.Wie macht man ein optimistisches Update in RTK Query?
  33. 33.Welche Signatur hat eine Redux-Middleware?
  34. 34.Warum legt man keine Promises, Klasseninstanzen und Funktionen in den Redux-Store?
  35. 35.Was ist Structural Sharing in TanStack Query?
  36. 36.Wie übergibt man auf dem Server geladene TanStack-Query-Daten korrekt an Client-Komponenten?
  37. 37.Warum darf man auf dem Server nicht einen einzigen globalen QueryClient für alle Requests nutzen?
  38. 38.Wie unterstützt man in TanStack Query das Abbrechen von Requests richtig?
  39. 39.Worin unterscheidet sich useSuspenseQuery von useQuery?
  40. 40.Was muss man bei useInfiniteQuery angeben?
  41. 41.Braucht man Redux oder Zustand, wenn die Serverdaten schon in TanStack Query liegen?
  42. 42.Fehler „Invalid hook call“. Was ist die wahrscheinlichste Ursache, wenn der Komponentencode korrekt ist?
  43. 43.Welches Prinzip liegt der React Testing Library zugrunde?
  44. 44.Was sind Headless-UI-Komponenten, und warum wählt man sie für Design-Systeme?
  45. 45.Worin unterscheidet sich key an einer Wrapper-Komponente von key innerhalb einer Liste?
  46. 46.Wofür sind die APIs preload und preinit aus react-dom in React 19 da?
  47. 47.Warum kann React.memo mit einer eigenen Vergleichsfunktion gefährlich sein?
  48. 48.Wie geht React 18+ mit setState an einer unmounteten Komponente um?
  49. 49.Was bringt TanStack Query gegenüber dem Laden von Daten in useEffect mit useState?
  50. 50.Wann entfernt RTK Query Daten aus seinem Cache?
  51. 51.Was macht prerender aus react-dom/static anders als Streaming-SSR?
  52. 52.Was wird an den Browser gesendet, wenn Server Components rendern?
  53. 53.Warum suspendiert diese Komponente endlos (oder lädt endlos neu)?
  54. 54.Was ändert useDeferredValue(query, "") mit einem Anfangswert (React 19)?
  55. 55.Was braucht der React Compiler von deinem Code, um ihn sicher zu optimieren?
  56. 56.Wann ist suppressHydrationWarning angemessen?
  57. 57.Was bringen die Optionen onCaughtError und onUncaughtError von createRoot (React 19)?
  58. 58.Warum kann der Import eines einzigen Icons aus einer großen „Barrel“-Datei (index.ts, die alles re-exportiert) schaden?
  59. 59.Ein Textfeld oben auf einer großen Seite lässt bei jedem Tastendruck die ganze Seite neu rendern. Was ist die einfachste Lösung?
  60. 60.Warum rendert <ExpensiveTree /> hier nicht neu, wenn sich der Zustand von ColorPicker ändert?
  61. 61.Was bedeutet die Testwarnung „An update was not wrapped in act(...)“?
  62. 62.Warum Netzwerk-Requests mit Mock Service Worker (MSW) mocken statt fetch in jedem Test?
  63. 63.Warum nimmt useSyncExternalStore ein Argument getServerSnapshot?
  64. 64.Wie garantiert man, dass ein Modul mit Geheimnissen nie in Client-Code gebündelt wird?
  65. 65.Wo hängt React (17+) seine Event-Listener an?
  66. 66.Was macht <link rel="stylesheet" href="/chart.css" precedence="default" /> in einer Komponente in React 19?
  67. 67.Wie vermeidet man eine Kaskade, wenn eine Server Component zwei unabhängige Requests braucht?
  68. 68.Wie kann eine Server Component einen Request starten, eine Client Component aber darauf warten lassen?
  69. 69.Wie lässt man Nutzer es erneut versuchen, nachdem eine Error Boundary ein Fallback zeigt?
  70. 70.Wie testet man einen Custom Hook als Unit-Test?
  71. 71.Warum ist es meist eine schlechte Idee, JSX-Elemente im Zustand zu speichern?
  72. 72.Was bringt produce von Immer bei Updates tief verschachtelten Zustands?
  73. 73.Warum kann onClick={() => select(item.id)} memo bei 1000 Listenzeilen aushebeln?
  74. 74.Was ist in React 19 mit propTypes an Funktionskomponenten passiert?
  75. 75.Warum schreibt man Error Boundaries immer noch als Klassen (oder bekommt sie aus einer Bibliothek)?