Skip to main content

Что нового в Svelte: Август 2021

Shadow DOM, export и await - ОГО!

Daniel Sandoval

От логов изменений (JS Party Ep. 182) до Svelte Radio (эпизоды 29 и 30), кажется, что люди не могли не говорить о Свелте в этом месяце! Кроме того, поддержка Shadow DOM и новые функции export и await в Svelte.

Новое в Svelte

Июль был самым активным месяцем для репозитория ядра Svelte с конца 2019 года, так как мы работали над сокращением количества PR и выпустили Svelte 3.39.0, 3.40.0 и 3.41.0. Были добавлены тонны исправлений ошибок, а также следующие новые функции:

  • Модификатор события |trusted позволяет проверить, является ли событие доверенным до его вызова (#6137)
  • Новый пакет svelte/ssr для поддержки работы по улучшению SvelteKit SSR (#6416)
  • Новая опция компилятора errorMode для поддержки улучшенной предварительной обработки файлов TypeScript (#6194)
  • Теперь вы можете указать ShadowRoot в качестве target при создании компонента - что позволяет визуализировать компоненты Svelte внутри shadow DOM (#5869)
  • Синтаксисы export { ... } from (#2214), export let { ... } = (#5612) и {#await ... then/catch} (#6270) теперь поддерживаются в компонентах Svelte

Полный список функций и исправлений ошибок смотрите в журнале изменений Svelte.

Обновления SvelteKit

  • prerender.force теперь prerender.onError, который позволяет точно настроить, какие ошибки "валят" сборку, а какие нет (#2007)
  • конфигурация esbuild теперь доступна для использования с адаптерами SvelteKit (#1914)
  • Сообщения об ошибках теперь более дружелюбны для распространенных ошибок конфигурации (#1910) и ошибок компилятора (#1827)
  • Файлы cookie будут передаваться только в том случае, если целевой хост совпадает с приложением SvelteKit или более конкретным его поддоменом (#1847)
  • экспорт index.js теперь будет изменен на экспорт каталогов при упаковке - что делает импорт лучше (#1905)
  • mode Vite.js теперь доступен из $app/env (#1789)
  • Лучшие типы по всем направлениям (#1778, #1791, #1646)

Чтобы увидеть все обновления SvelteKit, ознакомьтесь с журналом изменений SvelteKit.

Особенности и исправления ошибок со всего svelte/*

  • Языковые инструменты теперь лучше поддерживают функцию «Доверие к рабочему месту» (используется в VS Code)
  • В svelte2tsx объявления типа окружающей среды теперь переименованы, чтобы избежать конфликтующих объявлений в будущем. Теперь ожидается, что пользователи сами предоставят определения типов окружающей среды - исправление вывода JS
  • Sapper выпустил v0.29.2, который исправляет маршруты регулярных выражений, коды состояния при запросе каталога и экспорт, когда пользователь не предоставил тег base (changelog)

Крутые примеры сообщества

Apps & Sites

  • Parsnip — Mobile-First, Progressive-Web-приложение, которое поможет вам научиться готовить дома. В переписке на Reddit можно узнать обо всех деталях.
  • Central Bank Digital Currency (CBDC) tracker — сайт, который отслеживает, как страны по всему миру принимают цифровые валюты.
  • Svelte Commerce — продвинутая платформа Frontend для электронной коммерции на основе SVELTEKIT.
  • neovimcraft — сайт SVELTEKIT, посвященный плагинам Neovim.

Ищете проект Svelte для работы? Заинтересованы в помощи сделать Свелте в Интернете лучше? Посмотрите список открытых issues если вы хотели бы внести свой вклад в сообщество Svelte, и помочь переписать на Sveltekit.

Educational Content

Libraries, Tools & Components

  • Svelte-Capacitor только что выпустил v2.0.0 - ещё проще построить гибридные мобильные приложения для iOS и Android, используя Svelte и Capacitor с высокой собственной производительностью.
  • svelte-remixicon библиотека иконок для Svelte на основе Remix, состоящей из более чем 2000 значков.
  • SveltePress инструмент документации, построенный на SVELTEKIT.
  • Svelte Starter Kit бойлерплейт, чтобы быстро начать работать с SVELTE, с профилями Auth и пользователей, работающий на основе Supabase.
  • Kahi UI UIkit SVELTE-First со встроенным темным режимом.
  • typesafe-i18n самоуверенная, полностью безопасная, легкая библиотека локализации для проектов Typescript и JavaScript без внешних зависимостей.

Проверьте сайт сообщества sveltesociety.dev для получения дополнительных шаблонов, дополнений и адаптеров со всей экосистемы Svelte.

Увидимся в следующем месяце!

Хотите больше обновлений? Присоединяйтесь к нам на Reddit или в Discord!