← Wszystkie tematy

Pytania rekrutacyjne React (Junior) z odpowiedziami

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

Rozwiąż ten test
  1. 1.Czym jest React?
  2. 2.Czym jest wirtualny DOM w React?
  3. 3.W co zamienia się JSX podczas budowania?
  4. 4.Jak ustawić klasę CSS na elemencie w JSX?
  5. 5.Dlaczego nie można napisać {if (isAdmin) { <Admin /> }} wewnątrz JSX?
  6. 6.Dlaczego komponent function card() { ... } nie działa jako <card />?
  7. 7.Jak zwrócić z komponentu dwa sąsiednie elementy bez dodatkowego wrappera w DOM?
  8. 8.Czy można zmieniać propsy wewnątrz komponentu potomnego?
  9. 9.Jak komponent potomny może przekazać dane rodzicowi?
  10. 10.Czym jest children w React?
  11. 11.Co zwraca useState(0)?
  12. 12.Co wypisze console.log po kliknięciu?
  13. 13.Ile wyniesie count po jednym kliknięciu, jeśli wartość początkowa to 0?
  14. 14.Dlaczego komponent się nie przerenderował?
  15. 15.Jak poprawnie dodać element do tablicy w stanie?
  16. 16.Jaka wartość najlepiej nadaje się na key w liście?
  17. 17.Co zostanie wyrenderowane, jeśli items = []?
  18. 18.Co jest nie tak z <button onClick={handleClick()}>?
  19. 19.Jak w React anulować domyślne wysyłanie formularza?
  20. 20.Czym jest kontrolowane pole (controlled input)?
  21. 21.React ostrzega: „You provided a value prop to a form field without an onChange handler”. Co się stało?
  22. 22.Dwa sąsiednie komponenty potrzebują tych samych danych, które mogą zmieniać. Co zrobić najpierw?
  23. 23.Czym jest prop drilling?
  24. 24.Kiedy wykonuje się efekt useEffect(() => { ... }, [])?
  25. 25.Kiedy wykonuje się efekt bez tablicy zależności: useEffect(() => { ... })?
  26. 26.Kiedy wywoływana jest funkcja zwrócona z useEffect?
  27. 27.Czym useRef różni się od useState?
  28. 28.Która zasada hooków jest złamana?
  29. 29.Dlaczego nazwa własnego hooka musi zaczynać się od use?
  30. 30.Kiedy domyślnie przerenderowuje się komponent potomny?
  31. 31.Jak ustawić styl inline w JSX?
  32. 32.Jakie kroki są potrzebne, by przekazać dane przez Context?
  33. 33.Co zwraca useContext(MyContext), jeśli nad komponentem nie ma providera?
  34. 34.Dlaczego <StrictMode> w trybie deweloperskim wywołuje render i efekty dwukrotnie?
  35. 35.Do czego służy React.lazy?
  36. 36.Czego potrzebuje React.lazy, by działać?
  37. 37.Dlaczego lazy(() => import('./Chart')) zawodzi, jeśli Chart.tsx ma tylko export function Chart?
  38. 38.Co jest niebezpiecznego w dangerouslySetInnerHTML?
  39. 39.Jak w React 18+ podpiąć aplikację do elementu DOM?
  40. 40.Czym jest „czysty” komponent w rozumieniu React?
  41. 41.Jak wyrenderować listę użytkowników z tablicy users?
  42. 42.Czym jest Redux?
  43. 43.Czego wymaga się od reducera w klasycznym Redux (bez Immer)?
  44. 44.Co robi configureStore z Redux Toolkit?
  45. 45.Do czego służą useSelector i useDispatch?
  46. 46.Co generuje createSlice?
  47. 47.Jaki problem przede wszystkim rozwiązuje TanStack Query?
  48. 48.Co trzeba przekazać do useQuery?
  49. 49.Czym różnią się isPending i isFetching w TanStack Query v5?
  50. 50.Co trzeba zrobić przed użyciem useQuery w aplikacji?
  51. 51.Jak nadać propsowi wartość domyślną w komponencie funkcyjnym?
  52. 52.Jak wyrenderować jeden z dwóch elementów w zależności od warunku?
  53. 53.Co powinien zwrócić komponent, by nic nie renderować?
  54. 54.Który atrybut łączy <label> z polem w JSX?
  55. 55.Dlaczego <img src={url}> bez ukośnika zamykającego jest błędem w JSX?
  56. 56.Jak napisać komentarz wewnątrz znaczników JSX?
  57. 57.Kiedy w React uruchamia się onChange na polu tekstowym?
  58. 58.Jak przekazać argument do handlera kliknięcia?
  59. 59.Jak sprawić, by kliknięcie przycisku wewnątrz karty nie wywoływało też onClick karty?
  60. 60.Czy wartości key muszą być unikalne w całej aplikacji?
  61. 61.Jak dodać key, gdy każdy element listy renderuje kilka elementów bez opakowania?
  62. 62.Jak ustawić fokus w polu po kliknięciu przycisku?
  63. 63.Co robi <Button {...props} />?
  64. 64.Co renderują {false}, {null}, {undefined} i {0} w JSX?
  65. 65.Jaka jest konwencja nazewnictwa propsów przyjmujących handlery zdarzeń?
  66. 66.Jak React zaleca ponowne użycie UI między komponentami?
  67. 67.Czym defaultValue różni się od value na polu?
  68. 68.Jak ustawić wybraną opcję <select> w React?
  69. 69.Dlaczego ta lista nic nie renderuje?
  70. 70.Do czego przydają się React Developer Tools?
  71. 71.Co zespół React zaleca dziś do rozpoczęcia nowej aplikacji?
  72. 72.Na stronie wyrenderowano dwa <Counter />. Czy dzielą stan?
  73. 73.Dlaczego kliknięcie <MyButton onClick={save} /> nie wywołuje save?
  74. 74.Jaki typ ma size w <Avatar size="40" />, a jaki w <Avatar size={40} />?
  75. 75.Co wyrenderuje <input disabled={false} />?