← Усі теми

Питання на співбесіді з React (Junior) з відповідями

75 запитань для співбесіди з теми React (Junior) - з правильними відповідями, поясненнями й посиланнями на документацію.

Пройти цей тест
  1. 1.Що таке React?
  2. 2.Що таке віртуальний DOM у React?
  3. 3.На що перетворюється JSX під час збирання?
  4. 4.Як правильно задати CSS-клас елементу в JSX?
  5. 5.Чому всередині JSX не можна написати {if (isAdmin) { <Admin /> }}?
  6. 6.Чому компонент function card() { ... } не працює як <card />?
  7. 7.Як повернути з компонента два сусідні елементи без зайвої обгортки в DOM?
  8. 8.Чи можна змінювати props усередині дочірнього компонента?
  9. 9.Як дочірній компонент може передати дані батькові?
  10. 10.Що таке children у React?
  11. 11.Що повертає useState(0)?
  12. 12.Що виведе console.log після кліку?
  13. 13.Чому дорівнюватиме count після одного кліку, якщо початкове значення 0?
  14. 14.Чому компонент не перемалювався?
  15. 15.Як правильно додати елемент до масиву в стані?
  16. 16.Яке значення найкраще підходить для key у списку?
  17. 17.Що відрендериться, якщо items = []?
  18. 18.У чому помилка: <button onClick={handleClick()}>?
  19. 19.Як скасувати стандартну поведінку надсилання форми в React?
  20. 20.Що таке керований (controlled) input?
  21. 21.React попереджає: «You provided a value prop to a form field without an onChange handler». Що сталося?
  22. 22.Двом сусіднім компонентам потрібні ті самі дані, які вони можуть змінювати. Що зробити насамперед?
  23. 23.Що таке prop drilling?
  24. 24.Коли виконається ефект useEffect(() => { ... }, [])?
  25. 25.Коли виконується ефект без масиву залежностей: useEffect(() => { ... })?
  26. 26.Коли викликається функція, повернена з useEffect?
  27. 27.Чим useRef відрізняється від useState?
  28. 28.Яке правило хуків порушено?
  29. 29.Чому користувацький хук має називатися з префікса use?
  30. 30.Коли дочірній компонент перемальовується за замовчуванням?
  31. 31.Як правильно задати inline-стиль у JSX?
  32. 32.Які кроки потрібні, щоб передати дані через Context?
  33. 33.Що поверне useContext(MyContext), якщо над компонентом немає провайдера?
  34. 34.Навіщо <StrictMode> у режимі розробки викликає рендер і ефекти двічі?
  35. 35.Для чого використовують React.lazy?
  36. 36.Що потрібно, щоб React.lazy працював?
  37. 37.Чому lazy(() => import('./Chart')) видає помилку, якщо в Chart.tsx лише export function Chart?
  38. 38.Чим небезпечний dangerouslySetInnerHTML?
  39. 39.Як у React 18+ підключити застосунок до DOM-елемента?
  40. 40.Що таке «чистий» компонент у термінах React?
  41. 41.Як відрендерити список користувачів із масиву users?
  42. 42.Що таке Redux?
  43. 43.Яка вимога до reducer у класичному Redux (без Immer)?
  44. 44.Що робить configureStore з Redux Toolkit?
  45. 45.Для чого потрібні useSelector і useDispatch?
  46. 46.Що генерує createSlice?
  47. 47.Яке завдання насамперед розв'язує TanStack Query?
  48. 48.Що обов'язково передати в useQuery?
  49. 49.Чим у TanStack Query v5 відрізняються isPending і isFetching?
  50. 50.Що треба зробити перед використанням useQuery у застосунку?
  51. 51.Як задати prop значення за замовчуванням у функціональному компоненті?
  52. 52.Як відрендерити один із двох елементів залежно від умови?
  53. 53.Що має повернути компонент, щоб нічого не відрендерити?
  54. 54.Який атрибут пов'язує <label> з полем у JSX?
  55. 55.Чому <img src={url}> без закривального слеша - помилка в JSX?
  56. 56.Як написати коментар усередині JSX-розмітки?
  57. 57.Коли спрацьовує onChange у текстового поля в React?
  58. 58.Як передати аргумент обробнику кліку?
  59. 59.Як зробити, щоб клік по кнопці всередині картки не викликав ще й onClick картки?
  60. 60.Чи мають значення key бути унікальними в усьому застосунку?
  61. 61.Як задати key, якщо кожен елемент списку рендерить кілька елементів без обгортки?
  62. 62.Як поставити фокус у поле за кліком на кнопку?
  63. 63.Що робить <Button {...props} />?
  64. 64.Що рендерять {false}, {null}, {undefined} і {0} у JSX?
  65. 65.Яка домовленість щодо імен для props, що приймають обробники подій?
  66. 66.Як React рекомендує перевикористовувати UI між компонентами?
  67. 67.Чим defaultValue відрізняється від value у поля введення?
  68. 68.Як задати вибраний варіант <select> у React?
  69. 69.Чому цей список нічого не рендерить?
  70. 70.Для чого корисні React Developer Tools?
  71. 71.Що команда React рекомендує для старту нового застосунку сьогодні?
  72. 72.На сторінці відрендерено два <Counter />. Чи ділять вони стан?
  73. 73.Чому клік по <MyButton onClick={save} /> не викликає save?
  74. 74.Якого типу size у <Avatar size="40" /> і в <Avatar size={40} />?
  75. 75.Що відрендерить <input disabled={false} />?