Svelte / SvelteKit: вопросы на собеседовании

Вопросы и ответы по Svelte / SvelteKit: подготовка, примеры и типичные ошибки.

1. Чем Svelte отличается от React и Vue? Что означает «фреймворк времени компиляции» (compile-time framework)?
   Junior· спрашивают почти всегда
2. В чём разница между функциями load в +page.ts и +page.server.ts?
   Middle· спрашивают почти всегда
3. Что такое система runes в Svelte 5 ($state, $derived, $effect, $props)? Как она заменяет старую модель реактивности?
   Senior· спрашивают почти всегда· полный разбор — Jobs/Boost
4. Как реализовать аутентификацию в SvelteKit?
   Senior· спрашивают почти всегда· полный разбор — Jobs/Boost
5. В каких типах frontend-проектов Svelte / SvelteKit даёт реальный выигрыш, а где будет избыточен или неудачен?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
6. Как работает файловая маршрутизация в SvelteKit? Что такое +page.svelte, +layout.svelte, +page.server.ts?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
7. Что такое SvelteKit и что он добавляет поверх Svelte?
   Junior· спрашивают почти всегда
8. Что такое stores в Svelte? Объясните writable, readable и derived stores.
   Middle· спрашивают почти всегда
9. Как работает CSS-скоупинг в Svelte? Что такое модификатор :global()?
   Junior
10. Как управлять переменными окружения в SvelteKit?
    Middle· полный разбор — Jobs/Boost
11. Как работает обработка событий в Svelte? Что такое модификаторы событий, например |preventDefault?
    Junior· полный разбор — Jobs/Boost
12. Что такое form actions в SvelteKit и как они работают?
    Middle
13. Как работает система реактивности в Svelte? Что такое реактивное объявление $:?
    Middle
14. В чём разница между let (реактивная переменная) и обычной переменной в Svelte?
    Junior· полный разбор — Jobs/Boost
15. Что такое lifecycle-функции в Svelte: onMount, onDestroy, beforeUpdate, afterUpdate?
    Middle· полный разбор — Jobs/Boost
16. Каковы преимущества производительности Svelte по сравнению с фреймворками на основе Virtual DOM?
    Senior· полный разбор — Jobs/Boost
17. Что такое параметры маршрутов (route parameters) и группы маршрутов (route groups) в SvelteKit?
    Middle
18. Что такое API-маршруты (server routes) в SvelteKit и как их создать?
    Middle· полный разбор — Jobs/Boost
19. Как управлять SSR и CSR в SvelteKit? Что такое export const ssr = false?
    Senior
20. Как сравнить Svelte / SvelteKit с ближайшими альтернативами по DX, performance, SEO, accessibility, hiring и поддержке команды?
    Middle
21. Как понять, что проблема в проекте связана с Svelte / SvelteKit, а не с API, сетью, дизайном состояния или плохой архитектурой?
    Senior· полный разбор — Jobs/Boost
22. Представьте, приложение на Svelte / SvelteKit стало медленно открываться или часто перерисовываться. Как вы будете искать причину?
    Senior· полный разбор — Jobs/Boost
23. Как работает обработка ошибок в SvelteKit (+error.svelte, error() из @sveltejs/kit)?
    Middle
24. Что такое SvelteKit hooks (handle, handleFetch, handleError)?
    Senior· полный разбор — Jobs/Boost
25. Какие архитектурные решения Svelte / SvelteKit навязывает вокруг rendering, state, routing, styling, data loading или deployment?
    Middle· полный разбор — Jobs/Boost
26. Какие production-риски есть у Svelte / SvelteKit: hydration, bundle size, caching, accessibility, browser compatibility или observability?
    Senior· полный разбор — Jobs/Boost
27. Проект на Svelte / SvelteKit вырос из небольшого интерфейса в большой продукт. Какие архитектурные проблемы вы ожидаете увидеть?
    Senior
28. Как работает двустороннее связывание данных (two-way data binding) в Svelte с помощью bind:?
    Junior· полный разбор — Jobs/Boost
29. Какую систему адаптеров использует SvelteKit для деплоя и как выбрать нужный адаптер?
    Senior
30. Как работают $app/navigation, $app/stores и $app/environment в SvelteKit?
    Middle· полный разбор — Jobs/Boost
31. Как тестировать Svelte-компоненты? Какие инструменты рекомендуются (Vitest, @testing-library/svelte)?
    Middle· полный разбор — Jobs/Boost
32. Что такое Context API в Svelte (setContext и getContext) и когда использовать его вместо stores?
    Middle· полный разбор — Jobs/Boost
33. Как создать кастомный Svelte store?
    Middle· полный разбор — Jobs/Boost
34. Что такое слоты (slots) в Svelte и как работают named slots и slot props?
    Middle· полный разбор — Jobs/Boost
35. Что такое синтаксис префикса $ для stores (авто-подписки)?
    Junior· полный разбор — Jobs/Boost
36. Что такое actions в Svelte и когда их стоит использовать?
    Middle· полный разбор — Jobs/Boost
37. Расскажите о случае, когда вы улучшали performance, accessibility, testing или maintainability в проекте на Svelte / SvelteKit.
    Middle· полный разбор — Jobs/Boost
38. Как Svelte 5 runes меняют архитектуру stores и локального состояния?
    Middle· полный разбор — Jobs/Boost
39. Что такое transitions и animations в Svelte? Как работают директивы transition:, in: и out:?
    Middle· полный разбор — Jobs/Boost