Interviewfragen zum State Management (Middle) mit Antworten
75 Fragen fürs Vorstellungsgespräch zum State Management (Middle) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.
Diesen Test machen- 1.Welchen Wert hat
countnach einem Klick, wenn es bei 0 startet? - 2.Wie setzt man den State einer Formular-Komponente zurück, wenn sich der ausgewählte Nutzer ändert?
- 3.Warum kann es ein Bug sein, eine Kopie eines Props im State zu speichern?
- 4.Wie gibt man
dispatchaususeReducertief in den Baum weiter, ohne Prop Drilling? - 5.Wozu dient das dritte Argument
initinuseReducer(reducer, arg, init)? - 6.Warum rendern alle Context-Konsumenten bei jedem Rendern des Providers neu?
- 7.Eine Komponente nutzt nur
themeaus einem großenAppContext, rendert aber bei jedem Warenkorb-Update neu. Was hilft? - 8.Warum hilft
React.memoeiner Komponente nicht, dieuseContext(CartContext)aufruft? - 9.Ist Context eine State-Management-Bibliothek?
- 10.Was passiert bei verschachtelten Providern desselben Contexts?
- 11.Wann ist es besser, einen Wert in Context zu legen, statt ihn explizit über Props zu reichen?
- 12.Was ist an diesem Case Reducer falsch?
- 13.Welche Actions sendet
createAsyncThunk('users/fetch', fn)? - 14.Warum rendert dieser Selektor die Komponente bei jeder gesendeten Action neu?
- 15.Wofür ist
extraReducersincreateSliceda? - 16.Wie typisiert man
useSelectorunduseDispatchin einem TypeScript-Projekt? - 17.Was bringt normalisierter State (
{ ids, entities })? - 18.Was prüft
configureStoreim Entwicklungsmodus? - 19.Gehört der State von Formulareingaben (jeder Tastendruck) in Redux?
- 20.Warum rendert diese Komponente bei jeder Store-Änderung neu?
- 21.Warum verursacht ein Selektor, der ein neues Objekt liefert, zusätzliche Renderings (oder in v5 eine Schleife)?
- 22.Wie liest oder ändert man einen Zustand-Store außerhalb von React-Komponenten (z. B. in einem API-Helfer)?
- 23.Wie behandelt
setin Zustand verschachtelte Objekte? - 24.Wie organisiert man einen großen Zustand-Store üblicherweise?
- 25.Warum kann ein Store mit
persistin SSR-Apps einen Hydration-Mismatch auslösen? - 26.Wie unterscheidet sich
staleTimevongcTime? - 27.Wie unterscheidet sich
isPendingvonisFetching? - 28.Wie aktualisiert man die Liste, nachdem
useMutationein Element angelegt hat? - 29.Welche Queries trifft
invalidateQueries({ queryKey: ['todos'] })? - 30.Wie führt man eine Query erst aus, nachdem eine andere
user.idgeliefert hat? - 31.Wie zeigt man bei Paginierung weiter die vorige Seite, während die nächste lädt?
- 32.Was macht TanStack Query standardmäßig bei einer fehlgeschlagenen Query?
- 33.Warum sollte jede Variable, die
queryFnnutzt, Teil desqueryKeysein? - 34.Wie bringt man eine RTK-Query-Mutation dazu, die Post-Liste neu zu laden?
- 35.Wann entfernt RTK Query ungenutzte Daten aus seinem Cache?
- 36.Wie überspringt man eine RTK-Query-Anfrage, bis ein Argument verfügbar ist?
- 37.Wie vermeidet RTK Query doppelte Anfragen, wenn 3 Komponenten
useGetUserQuery(1)aufrufen? - 38.Was macht die Option
refetchOnMountOrArgChangein RTK Query? - 39.Wann validiert SWR Daten standardmäßig automatisch neu?
- 40.Wie lädt man in SWR Daten nur, wenn eine Bedingung erfüllt ist?
- 41.Was macht
mutate(key)aususeSWRConfig? - 42.Warum machen zwei Komponenten mit demselben SWR-Key nur eine Anfrage?
- 43.Wie setzt man einen Standard-
fetcherund Optionen für alle SWR-Hooks? - 44.Wie liest eine Komponente die Daten, die der
loaderihrer Route liefert? - 45.Was passiert, nachdem eine
actionin React Router fertig ist? - 46.Wie zeigt man in React Router einen Wartezustand bei Navigation oder Formularversand?
- 47.Wann sollte man
useFetcherstatt<Form>verwenden? - 48.Wie leitet man nach dem Anlegen eines Elements aus einer
actionum? - 49.Serverdaten liegen in TanStack Query. Was bleibt meist für einen globalen Client-Store übrig?
- 50.Wie verhält sich RTK Query zu TanStack Query?
- 51.Wofür ist der Callback
preparein einemcreateSlice-Reducer da? - 52.Wie behandelt man den
pending-Zustand vieler Thunks mit einem Fall im Slice? - 53.Sollte man
cartTotalim Redux-State nebenitemsspeichern? - 54.Wie überspringt man einen Thunk, wenn die Daten schon geladen sind oder laden?
- 55.Wie bekommt eine Komponente das Ergebnis eines Thunks oder fängt seinen Fehler?
- 56.Wie fügt man RTK-Query-Endpunkte aus einem lazy geladenen Feature hinzu?
- 57.Wie lädt man eine RTK Query alle 30 Sekunden neu, solange die Komponente gemountet ist?
- 58.Wie rendert eine Komponente nur neu, wenn sich ein Post aus einer gecachten Liste ändert?
- 59.Was macht das zweite Argument
truein Zustandsset(newState, true)? - 60.Warum gruppieren manche Teams Zustand-Actions in ein verschachteltes Objekt
actions? - 61.Wie unterscheidet sich
initialDatavonplaceholderDatain TanStack Query? - 62.Was bringt der Helfer
queryOptions? - 63.Wie fragt man mit TanStack Query alle 10 Sekunden eine Query ab?
- 64.Wie unterscheidet sich
mutateAsyncvonmutate? - 65.Wie lädt man eine dynamische Zahl von Queries parallel (z. B. eine pro ausgewählter ID)?
- 66.Wie lässt sich das Öffnen einer Detailseite sofort anfühlen?
- 67.Welcher SWR-Hook implementiert Paginierung mit „Mehr laden“?
- 68.Wie startet man eine SWR-Anfrage, bevor die Komponente rendert (z. B. bei Hover)?
- 69.Was macht
keepPreviousData: truein SWR, wenn sich der Key ändert (z. B. eine neue Suchanfrage)? - 70.Was passiert, wenn ein React-Router-Loader wirft?
- 71.Was ist
clientLoaderim Framework-Modus von React Router? - 72.Warum aktualisiert man Suchparameter mit
{ replace: true }, während der Nutzer einen Filter tippt? - 73.Was ist der Unterschied zwischen optimistischen und pessimistischen Updates?
- 74.Wie kann ein Badge im Header alle laufenden „In den Warenkorb“-Mutationen aus anderen Komponenten zeigen?
- 75.Wie bindet man einen WebSocket-Preisfeed in den SWR-Cache ein?