← Усі теми

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

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

Пройти цей тест
  1. 1.Коли використовувати $derived.by замість $derived?
  2. 2.Чи можна присвоїти значення $derived (Svelte 5.25+)?
  3. 3.Який стан $effect відстежує як залежності?
  4. 4.Чому це антипатерн?
  5. 5.Як прочитати стан усередині $effect, не роблячи його залежністю?
  6. 6.Чим $effect відрізняється від $effect.pre?
  7. 7.Коли варто обрати $state.raw?
  8. 8.Як зробити поля класу реактивними?
  9. 9.Чому items.set(k, v) не оновлює UI, якщо items - звичайний Map у $state?
  10. 10.Що дає $props(), крім іменованих пропсів?
  11. 11.Чому color не оновлюється, коли змінюється проп type?
  12. 12.Чим допомагає $inspect.trace()?
  13. 13.Як написати перевикористовувану реактивну логіку (аналог хука) у Svelte 5?
  14. 14.Як передати компоненту іменовані області вмісту (колишні іменовані слоти)?
  15. 15.У чому перевага сніпетів над слотами Svelte 4?
  16. 16.Що таке attachment ({@attach})?
  17. 17.Чому attachments гнучкіші за actions?
  18. 18.Що робить прив'язка-функція (Svelte 5.9+)?
  19. 19.Які прив'язки доступні лише для читання?
  20. 20.Чому переходи у Svelte за замовчуванням локальні?
  21. 21.Для чого потрібні Tween / Spring з svelte/motion?
  22. 22.Як зробити контекст реактивним?
  23. 23.Що дає createContext (Svelte 5.40+)?
  24. 24.Чим ризиковий спільний стан на рівні модуля в застосунку SvelteKit?
  25. 25.Коли стори у Svelte 5 усе ще доречні?
  26. 26.Що робить derived з svelte/store?
  27. 27.Як вручну змонтувати компонент Svelte 5 на сторінку?
  28. 28.Що робить flushSync() з svelte?
  29. 29.Як зазвичай тестують компоненти Svelte на рівні unit?
  30. 30.Як протестувати ефект, створений поза компонентом?
  31. 31.Як зібрати компонент Svelte як custom element?
  32. 32.Коли виконується універсальний load у +page.js?
  33. 33.Якими мають бути дані, що повертає серверний load?
  34. 34.Навіщо використовувати fetch, переданий у load, а не глобальний?
  35. 35.Як load сторінки отримує дані з load свого лейауту?
  36. 36.Як провалідувати форму в action SvelteKit і повернути помилки?
  37. 37.Як викликати іменований action з форми?
  38. 38.Що додає формі use:enhance?
  39. 39.Для чого потрібен handle у hooks.server.js?
  40. 40.Як зробити редирект із серверного load або action?
  41. 41.Що роблять опції сторінки ssr = false і csr = false?
  42. 42.Що робить група маршрутів на кшталт src/routes/(marketing)/about?
  43. 43.Що робить data-sveltekit-preload-data="hover"?
  44. 44.Як зробити модуль лише серверним у SvelteKit?
  45. 45.Для чого потрібні beforeNavigate і afterNavigate?
  46. 46.Що дає змогу export const snapshot у +page.svelte?
  47. 47.Як зібрати повністю статичний сайт на SvelteKit?
  48. 48.Що покаже цей код після кліку на кнопку?
  49. 49.Чому count не реактивний у компоненті, що його імпортує?
  50. 50.Як показати індикатор завантаження під час навігації в SvelteKit?
  51. 51.Що таке MediaQuery з svelte/reactivity?
  52. 52.Як компонент може надати методи батьківському?
  53. 53.Що робить <script module>?
  54. 54.Яке твердження про {#each} з деструктуризацією правильне?
  55. 55.Навіщо серверний load повертає проміс для повільних даних?
  56. 56.Що не так із цим $effect?
  57. 57.Що показує сторінка +error.svelte?
  58. 58.Що генерує $props.id() (Svelte 5.20+)?
  59. 59.Як задати $bindable-пропсу значення за замовчуванням?
  60. 60.Як показати запасний вміст, якщо сніпет children не передано?
  61. 61.Як слухати visibilitychange на document у компоненті?
  62. 62.Як передати параметри переходу?
  63. 63.Чим in:/out: відрізняються від transition:?
  64. 64.Чи може <select bind:value> зберігати об'єкти, а не лише рядки?
  65. 65.Як один раз прочитати поточне значення стору поза компонентом?
  66. 66.Що робить другий аргумент readable?
  67. 67.Як перевірити, чи існує контекст, перш ніж його читати?
  68. 68.Що станеться, якщо вказати export const ssr = false у +layout.js?
  69. 69.Як задати заголовки кешування сторінки з load?
  70. 70.Як читати й встановлювати cookies на сервері в SvelteKit?
  71. 71.Що робить матчер параметра на кшталт [id=integer]?
  72. 72.Для чого потрібен rest-параметр [...path]?
  73. 73.Що буде, якщо load експортують і +page.js, і +page.server.js?
  74. 74.Як протестувати компонент, що очікує пропси-сніпети?
  75. 75.Чого НЕ робить untrack?