Что нового в Svelte: Июль 2021

Сохраняя прохладу с исправлениями, инструментами TypeScript и тоннами новых функций

Daniel Sandoval 1 Июля 2021

Пока северное полушарие нагревается, Svelte остается прохладным, предлагая множество исправлений производительности и ошибок, улучшенную поддержку TypeScript и множество новых компонентов и инструментов для всей экосистемы. Давайте взглянем 👀

Новое в SvelteKit

• adapter-node теперь предварительно сжимает ассеты, используя GZIP & Brotli (#1693)
• Поддержка транспиляции TypeScript была добавлена ​​в инструментарий svelte-kit package. (#1633)
• Улучшено кэширование по умолчанию в adapter-node (#1416)
• Разрешена конфигурация параметров вывода rollup (#1572)
• Исправлено использование SSL с HMR (#1517)

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

• Svelte 3.38.3 (выпущенный 22 июня) получил кучу исправлений производительности и ошибок, включая оптимизацию гидратации, сохранение this во всплывающих событиях и многое другое!
• Последние языковые инструменты выпускают поддержку переименования реквизита извне компонента, грамматику синтаксиса PostCSS и выходную цель .d.ts в svelte2tsx, которую можно использовать для создания определений типов из файлов Svelte.
• Также в языковых инструментах были добавлены некоторые долгожданные экспериментальные функции для расширенной поддержки TypeScript, включая явный ввод всех возможных событий или слотов компонентов и использование обобщений. Взгляните на RFC для получения более подробной информации и оставьте отзыв в этом issue, если вы его используете.
• svelte-scroller получил некоторые исправления качества жизни в версии 2.0.7 - исправление ошибки начальной ширины и более консервативное обновление его index

Скоро в Svelte

• Константы в разметке (RFC): Добавится новый тэг {@const ...} для определния локальных констант (PR)

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

Apps & Sites

• SvelteThemes – список тем и шаблонов SVELTE, построенных с использованием svelte, sveltekit, elderjs, routify и т.д.
• Beatbump – альтернативный интерфейс для YouTube Music, созданный с использованием Svelte/SvelteKit.
• Sveltuir это приложение поможет вам запомнить гитарный гриф

Educational Content

• Svelte Radio: A Jolly Good Svelte Summer – разговор о том, что нового в Svelte и празднование 1-летней годовщины Svelte Radio
• Class properties in Svelte - это напоминание о силе class для разработчиков, переходящих на Svelte с React.
• Sveltekit Tutorial for Beginners – это видео-плейлист для изучения SvelteKit от WebJeda
• How To Cache Dynamic Pages On Demand With A Service Worker In SvelteKit – демонстрирует возможности сервис-воркеров при использовании в SvelteKit для кэширования по требованию
• Vue vs Svelte: Comparing Framework Internals – глубокое погружение в различия между Vue и Svelte изнутри
• Setting up a development environment for SvelteKit with Docker and Docker Compose – рассказывает, как использовать Docker для создания повторно используемых сред разработки, независимо от того, на каком устройстве вы запускаете свой код.
• В этом месяце Scalable Scripts выпустили три видеоролика, в которых рассказывается, как развернуть докеризированные приложения Svelte на AWS, Azure и Google Cloud
• Render Katex with Svelte from zero to hero – демонстрирует, как реализовать Katex в проекте Svelte.
• Using Custom Elements in Svelte – показывает некоторые особенности, на которые следует обратить внимание при использовании пользовательских элементов на сайте Svelte.

Libraries, Tools & Components

• svelte-pipeline – предоставляет настраиваемые контексты Javascript и Svelte Compiler в качестве Svelte Stores, для REPL, редакторов и т. д.
• Sveltotron – это приложение на основе Electron, предназначенное для проверки вашего приложения Svelte
• svelte-qr-reader-writer – это компонент Svelte, который помогает читать и записывать данные из QR-кодов
• svelte-stack-router – стремится сделать приложения Svelte более естественными за счет маршрутизации с помощью Stacks.
• svelte-typed-context – интерфейс типизации для getContext или setContext
• svelte-modals – это простой, гибкий модальный менеджер с нулевой зависимостью для Svelte

Хотите поделиться своим компонентом? Хотите помочь Svelte выглядеть лучше в сети? Разместите компонент на сайте Svelte Society, сделав PR в этот файл или проверьте список открытых задач если вы хотите внести свой вклад в переезд Svelte Society на SvelteKit.

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

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