Skip to main content

Что нового в Svelte: Декабрь 2021

SVELTE Summit Fall 2021, Рич Харрис присоединяется к Vercel, а Кевин идет на полный рабочий день в Svelte Society

Поскольку SvelteKit становится все более стабильным с каждым днем, нечего скрывать с точки зрения изменений кода, кроме исправлений ошибок... Итак, в информационном бюллетене этого месяца мы будем освещать Svelte Summit Fall 2021!

Если вы хотите узнать об исправлении ошибок в прошлом месяце, проверьте Svelte и SvelteKit

Что было на Svelte Summit?

Если вы пропустили Svelte Summit, есть запись на YouTube и отзывы на канале #svelte-summit в Discord.

Вот основные моменты:

  • Рич Харрис провел нас через тур по истории Svelte и объявил свой переезд в Versel - где он будет помогать поддерживать Svelte полный рабочий день! (20:00)
  • Стеф Дитц объяснил, как простые абстракции Svelte позволяют новичкам и экспертам легко изучать и использовать JavaScript - без шаблона (29:00)
  • Кевин Бриджес глубоко погрузился в логику реактивности Svelte, визуализируя ее через ReflectiveCounter и показывая, как «тонко настроить» ее по мере необходимости. Полная «пробная программа» презентации доступна на сайте Кевина. (42:55)
  • Матео Моррис запустил Primo, универсальную CMS SvelteKit для создания статических сайтов и управления ими (1:12:34)
  • Гильермо Раух объяснил приверженность Vercel к Svelte, что значит иметь Рича в команде и что будет дальше от компании... (1:21:54)
  • Джефф Рич представил различные способы изменения движения и переходов в Svelte, чтобы быть более доступными для всех пользователей Интернета. Слайды и полная транскрипция доклада доступны на сайте Джеффа. (1:32:30)
  • Дин Фогарти продемонстрировал ряд различных сценариев использования для пользовательских сторов - преобразование данных в механизмы хранения и из них в Svelte. Стенограмма и код доступны на Dean's GitHub. (1:43:06)
  • Келлен Мейс поделился тем, как создателям контента продолжать использовать WordPress со Svelte на фронте, чтобы обеспечить феноменальный пользовательский опыт (1:49:30)
  • Бен Холмс объяснил архитектуру «островов» и то, как 11ty + Slinkity могут перенести эти острова в любой шаблон HTML (2:17:15)
  • Скотт Толински поделился уроками, извлеченными из переписывания LevelUpTutorials с React на Svelte (3:16:35)
  • Svelte Sirens был объявлен новым сообществом Svelte для женщин, небинарных и союзников. Их первое мероприятие состоялось 29 ноября - все будущие мероприятия можно найти на сайте Svelte Sirens (3:50:45)
  • Рич Харрис обсудил создание библиотек с помощью SvelteKit, лучшие способы связывания пакетов при разработке и то, как SvelteKit помогает с разработкой современной библиотеки JavaScript (3:56:00)
  • Кен Кунц объяснил, как конечные автоматы (и библиотека svelte-fsm) могут сделать управление состояниями компонентов Svelte более... управляемым. Примеры из доклада доступны на Ken's GitHub. (4:07:18)
  • Остин Крим подключил обучение программированию в Интернете к обучению игре на инструменте. Предоставляя учащимся ранние победы и внедряя основы через реальные приложения, изучение Svelte не обязательно должно быть рутиной (4:21:50)
  • Джесси Скиннер перенес наши устаревшие приложения в будущее, объяснив, как использовать (и переиспользовать) компоненты Svelte в React (и даже jQuery!) (4:32:30)
  • Джим Фиск и Стефани Луз представили Plenti и его инструменты темизации, чтобы сделать создание новых сайтов Svelte намного быстрее (4:59:00)
  • Эвьятар Алуш помог нам всем создавать (и поддерживать) лучшие формы с помощью мощной библиотеки проверки под названием Vest (5:08:55)
  • Доминик Г. представил свежий взгляд на библиотеки иконок - ту, которая уменьшает размер пакета приложений и открывает всю библиотеку иконок для использования в любом приложении Svelte (5:30:04)

Спасибо Кевину и всем волонтерам Svelte Society за организацию такого удивительного события! Захватывающе, Кевин объявил после события, что он теперь будет работать полный рабочий день над Svelte Society! Вы можете ознакомиться со всеми докладами, разбитыми на отдельные видео для удобства, в этом плейлисте Svelte Society на YouTube.

Если у вас есть отзывы о саммите Svelte, Кев ждёт их на Svelte subreddit 👀


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

Apps & Sites

  • pixeldrain - это бесплатная платформа для обмена файлами
  • LifeHash генерирует красивые визуальные хэши от Blockchain Commons
  • simple-cloud-music - это легкий облачный музыкальный проигрыватель NetEase для современных браузеров (вероятно, работает только в Chrome)
  • palette.rocks - это генератор цветовых палитр со встроенной проверкой контрастности
  • Kadium - это приложение для того, чтобы оставаться на вершине загрузки каналов YouTube
  • Калькулятор мультимонитора - это инструмент для планирования настройки нескольких мониторов
  • Ваш дом - это интерактивный обзор настроек конфиденциальности Facebook
  • Svelte Crush - это игра в стиле Candy Crush match-3
  • 100 000 смертей от короны в Германии - это визуализация, сделанная для Spiegel Gesundheit

Ищите проект Svelte для работы? Хотите помочь сделать Svelte в Интернете лучше? Ознакомьтесь со списком открытых задач, если вы хотите внести свой вклад в переписывание Svelte Society на SvelteKit.

Videos, Blogs and Podcasts

Libraries, Tools & Components

  • svelte-cubed - это библиотека компонентов Three.js для Svelte - созданная Ричем Харрисом для его презентации на Svelte Summit Fall 2021
  • svelte-fsm - это крошечная, простая, выразительная, прагматичная библиотека конечных автоматов (FSM), оптимизированная для Svelte
  • bromb - это виджет обратной связи для веб-сайтов/веб-приложений, который является небольшим и простым в интеграции на самостоятельном хостинге
  • Spaper - это набор компонентов PaperCSS для Svelte
  • svelte-intl-precompile - это библиотека i18n для Svelte, которая анализирует и компилирует ваши переводы во время сборки
  • svelte-preprocess-svg автоматически оптимизирует встроенный svg в компонентах Svelte для лучшей производительности и уменьшения размера файла
  • svelte-subcomponent-preprocessor позволяет записать более одного компонента в svelte файл
  • svelte-pdfjs - это грубая реализация компонента просмотра Svelte PDF
  • svelte-inview - это экшн Svelte, который отслеживает элемент, входящий или покидающий viewport/parent
  • sveltekit-adapter-wordpress-shortcode - это адаптер для SvelteKit, который превращает ваше приложение в shortcode WordPress
  • svelte-websocket-store - это стор Svelte с бэкэндом веб-сокета
  • Svelte Auto Form - это быстрая и веселая библиотека форм, ориентированная на простоту использования, а не на гибкость.
  • set-focus - это экшн Svelte, которое сосредоточит внимание на элементах <a> или <button>, как только они смонтируются - полезно для некоторых впечатлений и тестирования

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

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