Зачем нужны руны: за пределами магии компилятора
Поймите назначение рун и узнайте, как они улучшают модель реактивности Svelte.
«Зачем нужны руны: за пределами магии компилятора» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Svelte 5 представляет руны
Руны — это явные реактивные примитивы, такие как $state, $derived и $effect.
Зачем нужны изменения
Неявная реактивность в Svelte 3/4 (let, $:) имела особенности: сложные зависимости, работу только в области файла и более сложное чтение в больших файлах.
Явность и локальность
Руны работают где угодно — в компонентах, библиотеках и обычных модулях. Реактивность больше не является особенностью только файлов .svelte.
Обратная совместимость
Svelte 5 по-прежнему поддерживает старый синтаксис на время миграции. Сначала можно использовать оба варианта одновременно.
Лучшая производительность
Мелкозернистая реактивность обновляет только те части DOM, которые зависят от изменившегося состояния.
Более чистый код
Состояние задаётся вызовом функции, а не особым let. Намерение становится понятнее.
let count = $state(0);Удобство тестирования
Реактивные примитивы можно тестировать отдельно от компонентов.
Совместимость с TypeScript
Руны естественным образом проверяются по типам; обобщённая система построена вокруг них.
Меньше магии
Больше не нужно гадать, является ли let реактивным. Вызов руны сразу это показывает.
Совместное использование
При миграции можно постепенно внедрять руны в отдельных компонентах.
Экосистема
Большинство библиотек Svelte переходят на руны; инструменты и поддержка IDE уже хорошо развиты.
Быстрая проверка
Что такое руна?
Итоги
Svelte 5 представляет руны для явной реактивности, которая работает где угодно и повышает ясность и производительность.
Изучай HTML с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 41
- Уроки
- 163
Часто задаваемые вопросы
Урок «Зачем нужны руны: за пределами магии компилятора» бесплатный?
Да — полный текст урока «Зачем нужны руны: за пределами магии компилятора» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Зачем нужны руны: за пределами магии компилятора»?
Поймите назначение рун и узнайте, как они улучшают модель реактивности Svelte. Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «Зачем нужны руны: за пределами магии компилятора»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Зачем нужны руны: за пределами магии компилятора
- $state: детализированная реактивность
- $derived: декларативные вычисляемые значения
- $effect: побочные эффекты