Что нового в Svelte: Январь 2022
Более быстрые сборки с помощью SvelteKit и долгожданные функции REPL
С новым годом, сообщество 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 💅
Обучение
Почитать
- Мутация параметров запроса в SvelteKit без перезагрузки страниц или навигации Мохамада Харита
- Svelte для Reactaholics: Руководство для разработчиков React Пуру Виджай
- Методы жизненного цикла Свельте могут быть использованы в любом месте и [Многие значения $ в Svelte] (https://geoffrich.net/posts/svelte-$-meanings/) Джеффа
- Vercel и Svelte: Идеальное соответствие для веб-разработчиков Дэррил К. Тафт
- Определяемая пользователем цветовая схема TailwindCSS с магазинами Svelte Джереми Заборовского
- Ionic 6 + Svelte 🚀 Рэймонд Босвел
- Что произошло в языковых инструментах #Svelte в этом году Саймона Х.
Посмотреть
- Будущее Свелте (интервью с Ричем Харрисом) Ли Робинсон, директор по связям с разработчиками Vercel
- Svelte становится основой для разработчиков плагинов Obsidian
- Блог Sveltekit WordPress без головы от WebJeda
- Начало работы с SvelteKit от Lihau Tan
- Разверните полнофункциональный набор приложений SvelteKit на Cloudflare Pages от 1nf
Послушать
- Подкаст Синтаксиса: Как делать вещи в Svelte
- JS Party #205: So much Sveltey goodness (w/ Rich Harris)
Библиотеки, инструменты и компоненты
- svelte-headlessui является неофициальным, полным портом Svelte библиотеки компонентов Headless UI
- svelte-forms v2 был выпущен - автор ищит обратную связь
- Percival - это декларативный язык запросов и визуализации данных
- Svelte FlatList - это удобное для мобильных устройств, простое и настраиваемое перетаскиваемое меню
- svelte-keyed является записываемым производным хранилищем для объектов и массивов
- Svemix - это Remix для Svelte - предоставляющий серверные скрипты внутри ваших компонентов/маршрутов Svelte, которые будут преобразованы в конечные точки
Есть идея для SvelteKit? Ознакомьтесь с новыми обсуждениями на GitHub в репозитории Svelte. Вы также можете присоединиться к нам на Reddit или в Discord.
Увидимся в следующем месяце!