Skip to main content

Что нового в Svelte: Октябрь 2021

Целый год "Что нового в svelte"

Daniel Sandoval

Привет всем 👋 Прошёл 1 год с тех пор, как рубрика «Что нового в Svelte» начала публиковаться в блоге Svelte. Я хотел начать с благодарности всем вам за чтение и всем контрибьюторам каждого месяца за их вклад. От мантейнеров до всех, кто публикует свои работы в Discord и Reddit, удивительно наблюдать за всеми усилиями, которые направлены на то, чтобы сделать сообщество Svelte великим.

Продолжайте в том же духе, все! Теперь давайте погрузимся в новости этого месяца..

Новое вокруг Svelte

  • Новые дополнения к карте экспорта Svelte теперь предоставляют no-op версии функций жизненного цикла для SSR (Svelte 3.43.0)
  • Пользовательские компоненты с атрибутом src больше не нарушают сборки svelte-native (Svelte 3.42.4)
  • Пользователям плагина Svelte без включенного плагина TypeScript теперь будет предложено включить его. Он расширяет файлы TypeScript и JavaScript дополнительным интеллектом для взаимодействия с файлами Svelte. Пожалуйста, оставьте отзыв, если вы используете его (Расширения Svelte 105.4.0)
  • Модификаторы событий были добавлены в intellisense в качестве автодополнения с информацией при наведении курсора (Svelte extensions 105.4.0)
  • Пользователям TypeScript больше не нужно строго отделять импорт типов и значений при использовании Svelte версии 3.39 или выше и svelte-preprocess версии 4.9.5 или выше. Это означает, что теперь вы можете написать import { MyInterface, myValue } из './somewhere' вместо import type { MyInterface } from './somewhere'; import { myValue } from './somewhere'. Огромное спасибо члену сообщества @SomaticIT, который в основном реализовал это!

Полный список функций и исправлений ошибок см. в Svelte changelog.

Обновления SvelteKit

Почти 100 PR комитов пришли в прошлом месяце, но еще многое предстоит сделать, и мантейнеры Svelte ищут помощь в доведении SvelteKit до 1.0. Энтони хорошо сказал это в недавнем комментарии по этому вопросу:

Если вы думаете, что слишком n00b, чтобы внести свой вклад (это не так), добавьте тесты или напишите тесты для функции, которую хотите добавить, прежде чем добавлять ее! Начните с малого и изучите кодовую базу таким образом.

Если вы хотите помочь, пожалуйста, подумайте о том, чтобы поработать над любой из 1.0 основных проблем с пометкой «требуется помощь».

Заметные улучшения SvelteKit в этом месяце включают...

  • Сервис воркерам теперь разрешен доступ к файлам с псевдонимом $lib (#2326)
  • Библиотеки Svelte теперь должны работать «из коробки» без какой-либо конфигурации Vite (#2343)
  • Улучшения поля экспорта пакетов (#2345 и #2327)
  • [breaking] Опция конфигурации prerender.pages была переименована в prerender.entries (#2380)
  • Добавлен новый общий аргумент, позволяющий вводить Body из хуков (#2413)
  • Поле svelte будет добавлено в package.json при выполнении команды package (#2431)
  • [breaking] Параметр context функции загрузки был переименован в stuff (#2439)
  • Добавлена опция entryPoint для создания пользовательского сервера с adapter-node (#2414)
  • vite-plugin-svelte улучшена поддержка useVitePreprocess, которая использует Vite для автоматической предварительной обработки TypeScript, PostCSS, Scss и т. д. в компонентах Svelte (#173)

Чтобы увидеть все обновления SvelteKit, проверьте SvelteKit changelog.

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

Apps & Sites

  • radiofrance только что перенесли свой веб-сайт на SvelteKit
  • FLAYKS - сайт-портфолио Félix Péault, сделанный с помощью SvelteKit, Sanity и Anime.js
  • hirehive сайтом для отслеживания кандидатов и работы
  • Microsocial - экспериментальная одноранговая социальная платформа
  • Dylan Ipsum - генератор случайного текста для замены lorem ipsum текстами песен Боба Дилана
  • Chip8 Svelte - интерфейс эмулятора CHIP-8, построенный поверх CHIP8 Typescript

Ищете проект Svelte для работы? Заинтересованы в помощи сделать Свелте в Интернете лучше? Посмотрите список открытых issues если вы хотели бы внести свой вклад в сообщество Svelte, и помочь переписать на Sveltekit.

Podcasts Featuring Svelte

Educational Content

Libraries, Tools & Components

  • sveltekit-netlify-cms - скелетное приложение SvelteKit, настроенное для использования с Netlify CMS
  • SvelteFireTS - библиотека SvelteKit + Typescript + Firebase, вдохновленная Fireship.io
  • stores-x - позволяет использовать сторы Svelte так же, как vueX
  • sveltekit-snippets - расширение VSCode, которое предоставляет фрагменты для общих шаблонов в SvelteKit & Vanilla Svelte
  • svelte-xactor - мидлвара, которая позволяет легко преобразовать ваши машины xactor в глобальный стор, реализующий контракт стора.
  • vite-plugin-pages-svelte - плагин vite для автоматической маршрутизации на основе файловой системы
  • sveltio - обертка Svelte для valtio - библиотеки прокси-состояния
  • svelte-transition-classes - пользовательские переходы Svelte для добавления и замены классов CSS
  • Svelte-Boring-Avatars - Svelte порт популярного проекта React скучные аватары
  • Svelte DataTables - приносит DataTable, популярную библиотеку JavaScript, позволяющую легко отображать ваши данные в удобной таблице, в ваш проект Svelte.
  • focus-svelte - фокустрап для Svelte с нулевыми зависимостями
  • filedrop-svelte - действие и компонент файлдроппер для Svelte

Проверьте сайт сообщества sveltesociety.dev для получения дополнительных шаблонов, дополнений и адаптеров со всей экосистемы Svelte.

Перед уходом ответьте на звонок спикерам!

Svelte Summit Fall 2021 (происходит 20 ноября 2021 года) ищет спикеров. Отправьте свой доклад до 30 октября... все желающие могут представить и принять участие.

Дополнительная информация на сеансовом сайте

Не можете дождаться саммита? Присоединяйтесь к нам на Reddit или Discord!