← Wszystkie tematy

Pytania rekrutacyjne z zarządzania stanem (Junior) z odpowiedziami

75 pytań na rozmowę rekrutacyjną z tematu Zarządzanie stanem (Junior) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.

Rozwiąż ten test
  1. 1.Czym jest „stan” (state) w komponencie React?
  2. 2.Dlaczego licznik na ekranie się nie zmienia?
  3. 3.Kiedy potrzebna jest funkcyjna forma setCount(c => c + 1) zamiast setCount(count + 1)?
  4. 4.Jak poprawnie zaktualizować jedno pole obiektu w stanie?
  5. 5.Jak usunąć element z id z tablicy w stanie?
  6. 6.Po co przekazywać funkcję do useState(() => createInitialTodos())?
  7. 7.Czy trzeba przechowywać fullName w stanie, jeśli są już firstName i lastName?
  8. 8.Czym jest „lokalny” stan komponentu i kiedy wystarcza?
  9. 9.Co zwraca useReducer?
  10. 10.Jaka powinna być funkcja reducera?
  11. 11.Kiedy useReducer jest zwykle wygodniejszy niż kilka useState?
  12. 12.Co zwykle robi reducer dla nieznanego type akcji?
  13. 13.Dlaczego akcje nazywa się tym, co się stało ('task_added'), a nie co zrobić ('set_tasks')?
  14. 14.Czym jest prop drilling?
  15. 15.Czym jest „podnoszenie stanu” (lifting state up)?
  16. 16.Jaka technika często rozwiązuje prop drilling bez Contextu?
  17. 17.Czy przekazywanie propsów przez 2–3 poziomy jest problemem samo w sobie?
  18. 18.Jaki problem rozwiązuje Context API?
  19. 19.Jakie kroki są potrzebne, by użyć Contextu?
  20. 20.Co zwróci useContext(ThemeContext), jeśli powyżej nie ma providera?
  21. 21.Które komponenty zostaną ponownie wyrenderowane po zmianie value providera?
  22. 22.Jakie dane dobrze nadają się do Contextu?
  23. 23.Po co owijać useContext we własny hook, np. useAuth()?
  24. 24.Czy komponent może używać kilku kontekstów jednocześnie?
  25. 25.Czym jest Redux Toolkit (RTK)?
  26. 26.Co generuje createSlice?
  27. 27.Dlaczego wewnątrz reducerów createSlice można „mutować” state?
  28. 28.Co robi configureStore?
  29. 29.Jak podłączyć store Reduxa do aplikacji React?
  30. 30.Do czego służą useSelector i useDispatch?
  31. 31.Czym jest action (akcja) w Reduxie?
  32. 32.Gdzie w Redux Toolkit powinno znaleźć się żądanie do serwera?
  33. 33.Czym jest Zustand?
  34. 34.Jak odczytać tylko jedno pole ze store'a Zustand?
  35. 35.Jak zaktualizować stan w Zustand?
  36. 36.Czy store Zustand potrzebuje komponentu-providera?
  37. 37.Jak zapisywać store Zustand w localStorage?
  38. 38.Czym stan serwerowy różni się od klienckiego (UI)?
  39. 39.Do czego służy TanStack Query (React Query)?
  40. 40.Jakie są dwie obowiązkowe części useQuery?
  41. 41.Co trzeba zrobić przed wywołaniem useQuery w aplikacji?
  42. 42.Jak wysłać żądanie POST (utworzyć element) z TanStack Query?
  43. 43.Dlaczego TanStack Query ponownie pobiera dane po powrocie do karty przeglądarki?
  44. 44.Czym jest RTK Query?
  45. 45.Co generuje createApi dla endpointu getPosts: builder.query(...)?
  46. 46.Jak mutacja RTK Query sprawia, że listy pobierają się ponownie po dodaniu elementu?
  47. 47.Co oznacza nazwa SWR?
  48. 48.Jakie są argumenty useSWR(key, fetcher)?
  49. 49.Czym jest loader w React Router?
  50. 50.Czym jest action w React Router?
  51. 51.Czy zmiana argumentu useState(initial) w kolejnych renderach aktualizuje stan?
  52. 52.Kiedy dwa kawałki stanu warto połączyć w jeden obiekt?
  53. 53.Gdzie umieszczać provider Contextu?
  54. 54.Jakie trzy zasady opisują klasyczny Redux?
  55. 55.Co umożliwiają Redux DevTools?
  56. 56.Po co definiować funkcje selektorów, takie jak selectCartTotal(state), zamiast odwołań inline wszędzie?
  57. 57.Gdzie trafia argument, gdy wysyłasz todoAdded("Buy milk") utworzone przez createSlice?
  58. 58.Co udostępnia obiekt store'a Redux?
  59. 59.Do czego służy createAsyncThunk?
  60. 60.Jak akcja Zustand odczytuje bieżący stan?
  61. 61.Dlaczego Zustand może dawać mniej ponownych renderów niż jeden Context z tym samym stanem?
  62. 62.Z których pól wyniku useQuery zwykle renderuje się UI?
  63. 63.Jak ręcznie ponownie pobrać dane, np. po kliknięciu przycisku „Odśwież”?
  64. 64.Co pokazują TanStack Query Devtools?
  65. 65.Jakie hooki RTK Query generuje dla endpointów getPosts (query) i addPost (mutation)?
  66. 66.Czym różni się isLoading od isValidating w SWR?
  67. 67.Dlaczego fetcher w SWR powinien rzucać błąd przy nieudanych odpowiedziach HTTP?
  68. 68.Jak odczytać część :id z URL /users/:id w komponencie React Router?
  69. 69.Skąd loader w React Router wie, który element załadować?
  70. 70.Gdzie przechowywać zapytanie z pola wyszukiwania, by stroną można było się podzielić i przetrwała przeładowanie?
  71. 71.Mała aplikacja ma przełącznik motywu i zalogowanego użytkownika. Jakie narzędzia stanu zwykle wystarczą?
  72. 72.Czym jest „store” w bibliotekach zarządzania stanem?
  73. 73.Jak komponent może zapamiętać ustawienie w localStorage między wizytami?
  74. 74.Jak zwykle wygląda obiekt akcji dla useReducer?
  75. 75.Na czym polega „atomowe” podejście do stanu w bibliotekach takich jak Jotai?