Skip to main content

Что нового в Svelte: Сентябрь 2021

Самый любимый веб-фреймворк на StackOverflow

В этом месяце Svelte стал самым любимым веб-фреймворком на StackOverflow, Тан Ли Хау разговорился на Svelte Radio о своем Svelte-filled YouTube-канале, а SvelteKit добился еще большего прогресса к выпуску версии 1.0!

Новое в Svelte

  • use:actions теперь может использоваться на <svelte:body> (3.42.0)
  • HTMLElement, SVGElement (3.42.2) и BigInt (3.42.3) теперь известны как глобальные переменные
  • В выходных данных Svelte меньше кода благодаря следующим улучшениям в 3.42.2:
    • Пробелы теперь сворачиваются в атрибутах класса и стиля
    • Гидратированные компоненты были обновлены, чтобы полагаться только на хелперы для создания типов элементов, присутствующих в компоненте
  • Масштабирование теперь учитывается в анимации flip (3.42.2)
  • Все <option> в <select> теперь отменяются, когда связанное значение не соответствует ни одному из них (3.42.2)

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

Обновления в SvelteKit

Мантейнеры Svelte ищут помощь в доведении SvelteKit до 1.0. Мы закрыли более 100 вопросов, которые были на этапе 1.0. Осталось всего пару десятков, и мы хотели бы, чтобы этот список был немного короче!

Если вы хотите помочь, пожалуйста, рассмотрите возможность работы по любому из 1.0 milestone issues.

В прошлом месяце основное внимание уделялось шлифовке кода, это позволило принять более 100 пул-реквестов. Также появились несколько новых функций...

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


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

Apps & Sites

  • macos-web от @puruvjdev был переписан c улучшениями с React на Svelte.Проверьте все детали в этом Twitter thread
  • Brave Search использует Svelte
  • exatorrent селф-хостед, простой в использовании, легкий и современный торрент-клиент написанный на Go и Svelte
  • json2TsTypes это простой инструмент, который преобразует ваш JSON в Typescript Types/Interfaces
  • Histogram.dev генерирует гистограммы для каждой функции в CSV
  • cybernetic.dev коллекция ориентированных на данные UI экспериментов сделанных в процессе изучения Svelte
  • LunaNotes раширение Chrome помогающее собирать заметки с YouTube video
  • theia.games's встроенный редактор 3D-среды позволяет создать VR World с меню, построенным на Svelte
  • Ferrum музыкальная библиотека и плеер для Mac, Windows или Linux
  • Fluid Earth это интерактивное приложение WebGL для визуализации атмосферы Земли и океанов

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

Educational Content

Libraries, Tools & Components

  • svelte-stripe-js все, что вам нужно, чтобы добавить Stripe в ваш проект Svelte. 100% совместимость со SvelteKit
  • svelte-steps настраиваемый компонент шагов, написанный на Svelte
  • simple-optics-module онлайн-инструмент с открытым исходным кодом для экспериментов и обучения геометрической оптике
  • inlang инструмент интернационализации (i18n) для приложений SvelteKit
  • Sveno траняпилятор React компонентов в Svelte
  • svelte-useactions полностью типизированная библиотека для actions в компонентах
  • Svelte-Element-Query 322b library/action имитирующая container-query
  • svelte-meta-tags плагин, который облегчает управление SEO в проектах Svelte
  • svelte-domtree позволяет визуализировать DOM - похож на дерево DOM в Chrome devtools
  • Diffx, независимый от фреймворков стейт-менеджер, добавил поддержку Svelte
  • svelte-ionic-starter шаблон приложения iOS/Android - Svelte + Ionic + CapacitorJS с live reload
  • demo-sveltekit-sanity стартер SvelteKit и Sanity(open source React CMS)

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

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

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