Компилятор вместо рантайма — маленькие бандлы и простой синтаксис.
Svelte переносит работу фреймворка на этап сборки: компилятор превращает компоненты в код, который точечно обновляет DOM, без виртуального DOM. Итог — маленький объём JavaScript и простой код.
$state, $derived, $effect) в Svelte 5 — явная реактивность.Практика. Сделать на SvelteKit небольшой блог с маршрутами и загрузкой данных.
Войдите, чтобы пройти тест: сданный тест отмечает тему пройденной на карте и в ИПР.
Svelte — компилятор: компоненты (.svelte) превращаются при сборке в небольшой JS, который напрямую обновляет DOM, без виртуального DOM и тяжёлой библиотеки в рантайме — меньше бандл и быстрый старт. Реактивность в Svelte 5 — руны: $state (состояние), $derived…
Полный разборМежду родителем и ребёнком — props и колбэки (или bind). Для общего состояния нескольких компонентов в Svelte 5 выносят $state в отдельный модуль (.svelte.js) и импортируют его — реактивность работает и вне компонентов. Классический способ — stores: writable…
Полный разборМодуль — файл со своей областью видимости: наружу видно только то, что экспортировано. Именованный экспорт export function sum импортируют import { sum } (имя совпадает), default — один на модуль, импортируется под любым именем. Импорты статические (в начале…
Полный разборСобытие проходит три фазы: перехват (от window вниз к цели), цель, всплытие (от цели вверх). Обработчики по умолчанию срабатывают на всплытии. Делегирование — один обработчик на родителе ловит события детей через всплытие и определяет источник по event.target…
Полный разборПосле собеседования sotto разбирает разговор: оценка, каждый вопрос — хорошо, частично или слабо, чего не хватило в ответе и над чем поработать к следующему разу. Первые 30 минут бесплатно.