← Усі теми

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

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

Пройти цей тест
  1. 1.На якій моделі ґрунтується реактивність Svelte 5?
  2. 2.Чому Svelte 5 перейшов від реактивності let, інструментованої компілятором, до рун?
  3. 3.Як обчислюються значення $derived?
  4. 4.Чому цей ефект виконується лише один раз, хоча state.value змінюється?
  5. 5.Що означає, що залежності $effect динамічні?
  6. 6.Що відбувається з оновленнями, об'єднаними в пакет у Svelte 5?
  7. 7.Скільки коштують глибокі проксі $state і як це контролювати?
  8. 8.Яку задачу розв'язує createSubscriber з svelte/reactivity?
  9. 9.Що повертає $effect.tracking()?
  10. 10.Чому $effect треба створювати всередині компонента чи іншого ефекту і для чого $effect.root?
  11. 11.Як Svelte 5 обробляє події на кшталт click і input заради продуктивності?
  12. 12.Чому блок {#key} - дорогий спосіб перезапустити логіку дочірнього компонента?
  13. 13.Що дає змогу експериментальний async Svelte (5.36+)?
  14. 14.Що таке «синхронізовані оновлення» в async Svelte?
  15. 15.Чи виконуються незалежні вирази await у розмітці послідовно?
  16. 16.Як показати стан завантаження в async Svelte?
  17. 17.Які помилки <svelte:boundary> НЕ перехоплює?
  18. 18.Що робить $state.eager в async Svelte?
  19. 19.Як Svelte рендерить на сервері?
  20. 20.Чому MediaQuery чи читання localStorage під час ініціалізації компонента може створити проблеми з SSR?
  21. 21.Чому вміст <svelte:head> важливий для SEO в SvelteKit?
  22. 22.Коли SvelteKit перезапускає функцію load?
  23. 23.Чому перевірка авторизації лише в +layout.server.js ризикована?
  24. 24.Як перезавантажити конкретні дані після зміни?
  25. 25.Чому функції load не мають мати побічних ефектів?
  26. 26.Що дає event.locals у SvelteKit?
  27. 27.Для чого потрібен handleFetch?
  28. 28.Що робить хук reroute?
  29. 29.Що робить handleError і чому він не має розкривати деталі?
  30. 30.Що дає змогу хук transport?
  31. 31.Що таке remote functions у SvelteKit?
  32. 32.Чим відрізняються типи remote functions?
  33. 33.Що таке single-flight mutation у remote functions?
  34. 34.Чому аргументи remote functions треба валідувати?
  35. 35.Як SvelteKit захищає form actions від CSRF?
  36. 36.Як пререндерити динамічні маршрути на кшталт /blog/[slug]?
  37. 37.Який компроміс має SvelteKit-застосунок у режимі SPA з fallback-сторінкою?
  38. 38.Чому form actions - добрий вибір за замовчуванням для змін даних у SvelteKit?
  39. 39.Що таке page.form / проп form після action?
  40. 40.Як працює налаштування use:enhance?
  41. 41.Де оголошується конфігурація SvelteKit у SvelteKit 3?
  42. 42.Що замінило $app/stores у SvelteKit?
  43. 43.Що сталося з аліасом $lib у SvelteKit 3?
  44. 44.Як перевести проєкт на SvelteKit 3 або код на синтаксис Svelte 5?
  45. 45.Як поступово перевести великий застосунок зі Svelte 4 на Svelte 5?
  46. 46.Звідки читати приватні змінні оточення в SvelteKit 3?
  47. 47.Як безпечно ділити стан у межах запиту в застосунку SvelteKit?
  48. 48.Чому SvelteKit не створює компонент сторінки наново під час переходу між /blog/a і /blog/b?
  49. 49.Де зберігати UI-стан на кшталт фільтрів чи поточної вкладки, якщо він має переживати перезавантаження й ним можна поділитися?
  50. 50.Яка головна порада щодо продуктивності завантаження даних у SvelteKit?
  51. 51.Як завантажувати важкий за кодом компонент лише тоді, коли він потрібен?
  52. 52.Що враховувати під час проєктування бібліотеки компонентів на Svelte?
  53. 53.Як працює ізоляція CSS і які її обмеження?
  54. 54.Що змінює <svelte:options customElement> у стилях і пропсах?
  55. 55.Навіщо тестувати логіку на рунах у файлах *.svelte.test.js?
  56. 56.Який підхід пасує для end-to-end тестування застосунку SvelteKit?
  57. 57.Як зручно налагоджувати неочікувані перезапуски у Svelte 5?
  58. 58.Що не так із таким похідним від пропсів станом у перевикористовуваному компоненті?
  59. 59.Як типізувати компонент, що приймає узагальнений список і сніпет рядка?
  60. 60.Чим відрізняються mount і hydrate?
  61. 61.Навіщо повертати проміс із серверного load замість очікування всіх даних?
  62. 62.Чим допомагає updated з $app/state?
  63. 63.Коли Svelte особливо добре пасує порівняно з більшими фреймворками?
  64. 64.Що робить fromAction з svelte/attachments?
  65. 65.Чому погано змінювати data, отриманий з load, у компоненті сторінки?
  66. 66.Що делегування подій у Svelte 5 означає для обробників, доданих через addEventListener на window?
  67. 67.Чому вираз $derived не може змінювати стан?
  68. 68.Що повертає $effect.pending() в async Svelte?
  69. 69.Чим ризиковане поле класу з $state, відкрите в бібліотеці як публічна змінювана властивість?
  70. 70.Як Svelte обробляє bind:value між $state батька й $bindable-пропсом дитини?
  71. 71.Чому важкі дані в +layout.server.js можуть сповільнити навігацію в SvelteKit?
  72. 72.Що дає змогу getRequestEvent з $app/server?
  73. 73.Чому form actions у SvelteKit повертають редирект 303 або fail, а не рендерять помилки напряму?
  74. 74.Як охайно під'єднати імперативну сторонню бібліотеку (наприклад, графік) у Svelte 5?
  75. 75.Що робить remote-функція prerender?