Skip to main content

Что нового в Svelte: Январь 2022

Более быстрые сборки с помощью SvelteKit и долгожданные функции REPL

Daniel Sandoval

С новым годом, сообщество Svelte! В этом месяце есть много того, чем хочется поделиться в Svelte, SvelteKit, Language Tools и Showcase. Спасибо всем, кто сделал 2021 год отличным годом для использования Svelte. С нетерпением жду следующего 🚀

Что нового в SvelteKit

  • @sveltejs/adapter-static для SvelteKit теперь имеет опцию precompress, чтобы облегчить сжатие активов и страниц brotli из коробки (#3079)
  • Режим параллелизма в SvelteKit теперь будет пререрисовывать страницы параллельно (#3120). Он включен по умолчанию в 1.0.0-next.205 и более поздних версиях
  • CSS теперь автоматически включается перед JS для повышения производительности страницы (d13efe)
  • Новая опция конфигурации добавляет возможность отключить регистрацию сервис-воркера для выполнения собственной пользовательской регистрации (#2988)
  • Сплитинг маршрутов SSR - разбивка монолитных сборок на более мелкие части для повышения производительности запуска и маршрутизации (#2931)
  • request.origin/path/query теперь request.url - упрощение функций конфигурации и страницы load (#3126)
  • После обновление до Vite 2.7 пользователи SvelteKit сообщают о значительных улучшениях производительности и загрузка сторонних библиотек в SSR также значительно улучшилась
  • Сервер SvelteKit теперь автоматически перезапустится при изменении файлов конфигурации (vite-plugin-svelte#237)

Другие новые биты от svelte/*

  • Svelte 3.44.3 вышел с несколькими исправлениями ошибок в коде биндингов и цикла
  • Svelte Language Tools представила поддержку сокращений от Svelte 3.41 и функции TypeScript (105.8.0 и более поздних версий)
  • Svelte REPL также получил хорошее обновление, что позволило удалить сохраненные REPL. Попробуйте, войдя в систему по адресу svelte.dev/apps

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

Приложения и сайты

  • Discover Twitter Spaces - это инструмент, который поможет вам найти Twitter Spaces
  • Modern Fluid Typography Editor помогает создавать красивую плавную типографику с помощью зажима CSS
  • [Unnwhiteboard] (https://github.com/AviKKi/unnwhiteboard) - это доска объявлений о вакансиях для компаний (или команд), которые не проводят интервью "whiteboard"
  • Secret Santa - это приложение для координации подарков, разработанное с учетом легкости
  • [LogSnag] (https://logsnag.com/) уведомляет вас о событиях ваших проектов и предоставляет вам временную шкалу для отслеживания всего важного, что происходит
  • Tangent 0.2, приложение для написания заметок на основе Svelte, теперь находится в бета-версии
  • Intl Explorer - это инструмент для просмотра вывода для всех возможных форматтеров для Intl

В этом месяце большая работа была посвящена миграции основного веб-сайта Svelte и Svelte REPL, чтобы жить в репозитории https://github.com/sveltejs/sites, включая совершенно новую домашнюю страницу для [svelte.dev] (https://svelte.dev/). Спасибо всем участникам, которые сделали это возможным!

Если вы ищете забавный проект SvelteKit для работы, вы можете внести свой вклад в переписывание сайта Svelte Society 💅

Обучение

Почитать

Посмотреть

Послушать

Библиотеки, инструменты и компоненты

  • svelte-headlessui является неофициальным, полным портом Svelte библиотеки компонентов Headless UI
  • svelte-forms v2 был выпущен - автор ищит обратную связь
  • Percival - это декларативный язык запросов и визуализации данных
  • Svelte FlatList - это удобное для мобильных устройств, простое и настраиваемое перетаскиваемое меню
  • svelte-keyed является записываемым производным хранилищем для объектов и массивов
  • Svemix - это Remix для Svelte - предоставляющий серверные скрипты внутри ваших компонентов/маршрутов Svelte, которые будут преобразованы в конечные точки

Есть идея для SvelteKit? Ознакомьтесь с новыми обсуждениями на GitHub в репозитории Svelte. Вы также можете присоединиться к нам на Reddit или в Discord.

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