← Усі теми

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

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

Пройти цей тест
  1. 1.Що таке Svelte?
  2. 2.Що таке SvelteKit?
  3. 3.Як рекомендують створювати новий проєкт SvelteKit?
  4. 4.Що може містити файл .svelte?
  5. 5.Як за замовчуванням застосовується CSS з блоку <style> компонента?
  6. 6.Як вивести значення JavaScript у розмітці Svelte?
  7. 7.Як скорочено записати <img src={src} alt={alt} />?
  8. 8.Чи використовує Svelte віртуальний DOM?
  9. 9.Що таке руни у Svelte 5?
  10. 10.Як оголосити реактивний стан у Svelte 5?
  11. 11.Як оголосити значення, що обчислюється з іншого стану?
  12. 12.Що робить $effect?
  13. 13.Як компонент отримує пропси у Svelte 5?
  14. 14.Де можна використовувати руни?
  15. 15.Чи глибоко реактивний об'єкт, оголошений через $state?
  16. 16.Що робить $inspect(value)?
  17. 17.Як відрендерити вміст за умовою?
  18. 18.Як відрендерити список?
  19. 19.Чому не варто використовувати індекс як ключ у {#each}?
  20. 20.Що робить блок {#await}?
  21. 21.Як обробити клік у Svelte 5?
  22. 22.Як скасувати стандартне надсилання форми у Svelte 5?
  23. 23.Що робить bind:value?
  24. 24.Як отримати посилання на DOM-елемент?
  25. 25.Чим небезпечний {@html content}?
  26. 26.Як передати кілька класів за умовою у Svelte 5?
  27. 27.Що робить директива style:?
  28. 28.Як використати один компонент усередині іншого?
  29. 29.Як компонент у Svelte 5 рендерить вміст, переданий між його тегами?
  30. 30.Що таке сніпет?
  31. 31.Як дочірній компонент повідомляє батьківському про подію у Svelte 5?
  32. 32.Як дозволити батьківському компоненту використовувати bind:value на пропсі вашого компонента?
  33. 33.Чи має компонент змінювати отриманий об'єкт-проп (не позначений $bindable)?
  34. 34.Як відрендерити компонент, обраний під час виконання, у Svelte 5?
  35. 35.Як батьківському компоненту стилізувати елемент у дочірньому, не ламаючи ізоляцію стилів?
  36. 36.Коли виконується onMount?
  37. 37.Як очистити таймер, створений у $effect?
  38. 38.Що повертає tick()?
  39. 39.Як анімувати появу й зникнення елемента?
  40. 40.Що робить animate:flip у {#each} з ключем?
  41. 41.Для чого у Svelte контекст?
  42. 42.Коли треба викликати setContext / getContext?
  43. 43.Що таке стор у Svelte?
  44. 44.Що робить префікс $ зі стором у компоненті?
  45. 45.Як поділити реактивний стан між компонентами без сторів у Svelte 5?
  46. 46.Як додати обробник на window з компонента?
  47. 47.Як задати заголовок сторінки з компонента?
  48. 48.Що робить <svelte:element this={tag}>?
  49. 49.Як задаються маршрути в SvelteKit?
  50. 50.Як створити маршрут з параметром, наприклад /blog/hello-world?
  51. 51.Для чого потрібен +layout.svelte?
  52. 52.Як сторінка отримує дані зі своєї функції load?
  53. 53.Чим відрізняються +page.js і +page.server.js?
  54. 54.Який файл створює API-ендпоінт у SvelteKit?
  55. 55.Як показати сторінку 404 з load, якщо поста не існує?
  56. 56.Що таке form actions у SvelteKit?
  57. 57.Як переходити між сторінками в SvelteKit?
  58. 58.Що таке адаптери SvelteKit?
  59. 59.Що робить export const prerender = true у +page.js?
  60. 60.Що покаже цей код після двох кліків на кнопку?
  61. 61.Що відбувається з реактивністю тут?
  62. 62.Що робить {@const}?
  63. 63.Що робить {#key value}?
  64. 64.Як використовувати TypeScript у компоненті Svelte?
  65. 65.У якій версії Svelte з'явилися руни?
  66. 66.Який синтаксис застарів (Svelte 4) і його варто уникати в новому коді?
  67. 67.Як зробити групу чекбоксів, прив'язану до масиву?
  68. 68.Що отримує директива use: (action)?
  69. 69.Як перевірити типи й шаблони Svelte з командного рядка?
  70. 70.Про що попереджає компілятор Svelte для <div onclick={...}>?
  71. 71.Що повертає $state.snapshot(value)?
  72. 72.Як прочитати поточний URL або параметри маршруту в компоненті SvelteKit?
  73. 73.Чому бандли Svelte часто маленькі?
  74. 74.Куди в проєкті SvelteKit класти статичні файли на кшталт favicon.png?
  75. 75.Який файл задає HTML-оболонку для всіх сторінок SvelteKit?
  76. 76.Що робить <svelte:boundary>?