Что нового в Svelte: Август 2021
Shadow DOM, export и await - ОГО!
От логов изменений (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
- How I Built a Cross-Platform Desktop Application with Svelte, Redis, and Rust — Luke Edwards, Svelte maintainer and Developer Advocate from Cloudflare.
- How to Create a Blog with SvelteKit and Strapi это пошаговый учебный урок Aarnav Pai от Strapi
- Sveltekit Markdown Blog видео-руководство YouTube By WebJeda.
- Using Custom Elements in Svelte глубокое погружение в пользовательские элементы с Geoff Rich.
- learn / graphql / svelte бесплатный двухчасовой курс GraphQL от Hasura.
- How to add Magic Link to a SvelteKit application руководство по популярному password-less паттерну входа в систему.
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!