Что нового в Svelte: Июль 2021
Сохраняя прохладу с исправлениями, инструментами TypeScript и тоннами новых функций
Пока северное полушарие нагревается, 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
Крутые примеры сообщества
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!