Interviewfragen zu React (Middle) mit Antworten

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

Diesen Test machen
  1. 1.Wann behält React den Zustand einer Komponente zwischen Renderings bei?
  2. 2.Wie setzt man den Zustand von <EditForm /> zurück, wenn zu einem anderen Nutzer gewechselt wird?
  3. 3.Was macht React.memo(Component)?
  4. 4.Warum hilft memo nicht bei <List items={data} onSelect={() => select(id)} style={{ gap: 8 }} />?
  5. 5.Wofür ist useMemo da?
  6. 6.Warum sollte man eine Komponente nicht in einer anderen Komponente deklarieren?
  7. 7.Wie hängen useCallback(fn, deps) und useMemo zusammen?
  8. 8.Wann ist useCallback wirklich nützlich?
  9. 9.Wann ist useReducer gegenüber useState vorzuziehen?
  10. 10.Worin unterscheidet sich useLayoutEffect von useEffect?
  11. 11.Warum bleibt der Zähler bei 1 stehen?
  12. 12.Warum läuft dieser Effekt nach jedem Rendering?
  13. 13.Wie vermeidet man eine Race Condition beim Laden von Daten in useEffect, wenn sich userId schnell ändert?
  14. 14.Wie bekommt man richtig fullName aus firstName und lastName, die im Zustand liegen?
  15. 15.Welche Fehler fängt eine Error Boundary NICHT ab?
  16. 16.Was hat sich in React 19 bei der Übergabe von ref an Funktionskomponenten geändert?
  17. 17.Wie verhalten sich Events in einem Portal createPortal(child, document.body)?
  18. 18.Was ist eine Higher-Order Component (HOC)?
  19. 19.Was ist die Idee des Render-Props-Patterns?
  20. 20.Was ist das Compound-Components-Pattern?
  21. 21.Warum rendern alle Context-Konsumenten bei jedem Rendern des Providers neu?
  22. 22.Warum teilt man einen Context in StateContext und DispatchContext auf?
  23. 23.Was macht useTransition?
  24. 24.Wann sollte man useDeferredValue verwenden?
  25. 25.Was ist automatisches Batching in React 18+?
  26. 26.Wofür ist useId da?
  27. 27.Wofür ist useSyncExternalStore da?
  28. 28.Worin unterscheidet sich use(promise) aus React 19 von normalen Hooks?
  29. 29.Was liefert useActionState in React 19?
  30. 30.Wofür ist useOptimistic da?
  31. 31.Was macht der React Compiler?
  32. 32.Warum ist React Hook Form meist schneller als Formulare mit kontrollierten Feldern?
  33. 33.Wie verhalten sich verschachtelte <Suspense>-Grenzen?
  34. 34.Wo bringt Code Splitting mit lazy meist am meisten?
  35. 35.Was ist an diesem Case Reducer in createSlice falsch?
  36. 36.Welche Actions erzeugt createAsyncThunk('users/fetch', ...)?
  37. 37.Woher weiß RTK Query, welche Daten nach einer Mutation neu geladen werden müssen?
  38. 38.Was ist RTK Query?
  39. 39.Was liefert createEntityAdapter?
  40. 40.Warum löst dieser Selektor bei jeder Action im Store ein Re-Rendering aus?
  41. 41.Wann ist Redux (oder Zustand) passender als React Context?
  42. 42.Worin unterscheidet sich staleTime von gcTime in TanStack Query?
  43. 43.Warum lädt TanStack Query mit Standardeinstellungen Daten neu, wenn man zum Tab zurückkehrt?
  44. 44.Wie aktualisiert man eine Liste, nachdem per useMutation erfolgreich ein Eintrag erstellt wurde?
  45. 45.Welche Queries invalidiert invalidateQueries({ queryKey: ['todos'] })?
  46. 46.Wie implementiert man in TanStack Query ein optimistisches Update über den Cache?
  47. 47.Wie startet man eine Query erst, nachdem user.id aus einer anderen Query da ist?
  48. 48.Wie zeigt man bei Paginierung die alte Seite statt eines Skeletons, während die neue lädt?
  49. 49.Was macht TanStack Query auf dem Client standardmäßig bei einem Query-Fehler?
  50. 50.Wozu hat useQuery die Option select?
  51. 51.Was ist an diesem Effekt falsch?
  52. 52.Wohin gehört Code, der läuft, weil der Nutzer auf „Kaufen“ geklickt hat?
  53. 53.Warum verbindet sich dieser Chat-Effekt neu, wenn das Theme wechselt?
  54. 54.Warum läuft dieser Effekt bei jedem Rendern neu, obwohl options gleich aussieht?
  55. 55.Wie sollte eine Komponente ein Browser-Event wie resize abonnieren?
  56. 56.Was macht einen guten Custom Hook aus?
  57. 57.Wie verhält sich forwardRef zu React 19?
  58. 58.Was zeigt <Suspense fallback={<Spinner />}> und wann?
  59. 59.Welche Zustandsvariablen braucht man hier?
  60. 60.Wie vermeidet man viele boolesche Flags wie isSending, isSent, isError gleichzeitig?
  61. 61.Warum ist diese Komponente unrein?
  62. 62.Was passiert, wenn sich der Zustand einer Komponente ändert, das ausgegebene JSX aber identisch ist?
  63. 63.Was macht setCount(5), wenn count bereits 5 ist?
  64. 64.Wie misst man die Größe eines Elements direkt nach dem Rendern, bevor der Browser zeichnet?
  65. 65.Warum kann eine Liste kontrollierter Eingabefelder bei jedem Tastendruck den Fokus verlieren?
  66. 66.Wofür ist die Komponente <Profiler> da?
  67. 67.Warum ist es in Ordnung, in einem useEffect, der von userId abhängt, zum Laden von Daten setState aufzurufen?
  68. 68.Wie hilft useFormStatus in einem Formular mit React 19?
  69. 69.Was macht <form action={saveAction}> in React 19?
  70. 70.Worauf deutet die Verwendung von Children.map oder cloneElement in modernem React meist hin?
  71. 71.Was passiert, wenn eine Elternkomponente onChange={() => {}} inline an ein memoisiertes Kind übergibt?
  72. 72.Wann löst eine Änderung eines useRef-Werts ein Re-Rendering aus?
  73. 73.Warum sollte man ref.current beim Rendern weder lesen noch schreiben?
  74. 74.Was ist in einem Design-System der Unterschied zwischen kontrollierten und unkontrollierten Komponenten?
  75. 75.Warum kann useEffect mit einem async-Callback ein Problem sein?