Skip to main content

Что нового в Svelte: Март 2022

Скоро Svelte Summit Spring... и эндпоинты страницы уже здесь!

Daniel Sandoval

Только что объявлено: Svelte Summit Spring состоится 30 апреля 2022 года. 5-я виртуальная конференция Svelte ищет докладчиков и спонсоров... пришло время стереть пыль с этих предложений!

Кроме того, в этом месяце в SvelteKit были добавлены некоторые давно запрошенные функции... включая эндпоинты страниц! Это изменение в работе функции load облегчает получение данных, необходимых для основных страниц, перенаправление из ответов POST и обработку 404 и других ошибок.

Подробнее об этой и других новых функциях и исправлениях ниже!

Что нового в SvelteKit

  • В Документах теперь есть поиск и они стали многостраничными, с определениями типов и примерами кода с подсказками - Проверьте их по адресу kit.svelte.dev/docs
  • Эндпоинты страницы значительно уменьшают шаблон, необходимый при загрузке страницы (Issue, PR, Docs)
  • Поддержка управления версиями и обнаружения обновлений приложений позволяет определить, что делать, если маршрут не загружается после обновления приложения (Issue, PR, Docs)
  • Новая опция в npm init svelte@next теперь автоматически настроит Playwright для тестирования (PR)

Breaking Changes

  • Опция target больше недоступна. Вместо этого скрипт init гидрирует parentNode (#3674)
  • Типы на уровне приложений теперь живут в пространстве имен App, что позволяет вводить глобальные типы, такие как Stuff или Session (#3670)
  • JSONString теперь JSONValue (#3683)
  • createIndexFiles был удален - теперь он контролируется опцией trailingSlash (#3801)
  • SvelteKit больше не будет исключать внешние ссылки относительно корня из предварительного рендеринга, что вызовет 404, если эти URL-адреса предназначены для обслуживания отдельным приложением. Используйте пользовательский обработчик prerender.onError, если вам нужно игнорировать их (#3826)

Новое в языковых инструментах

  • Улучшен доступ к свойствам в разметке (105.12.0) - обход некоторых известных проблем с автозаполнением (#538 / #1302)

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

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

  • SvelteStorm специально разработан для предоставления всех основных инструментов, необходимых разработчику Svelte для создания приложения Svelte
  • Supachat - приложение для чата в реальном времени, использующее Svelte и Supabase
  • Radicle - одноранговый стек для совместного создания программного обеспечения
  • The Making Known - рассказанная встреча с плакатами, разработанными нацистским правительством Германии для общения с оккупированными странами Бельгии, Франции и Люксембурга во время Второй мировой войны.
  • Svelte Kanban - простой Svelte Kanban, сделанный в чистом CSS
  • fngrng - тренер по набору текста, ориентированный на точность, а не скорость
  • Generative grids - аккуратная маленькая генеративная сетка SVG в Svelte REPL со случайно сгенерированными цветовыми палитрами и фигурами
  • LifeHash - метод визуализации хэша, который создает красивые, детерминированные иконки
  • TypedWebhook.tools - инструмент тестирования webhook для проверки полезной нагрузки с автоматической генерацией типов
  • Speedskating - виджет анимации для показа олимпийских скоростных трасс. Построено с помощью Svelte, D3 и regl
  • Web tail - веб-приложение для просмотра строк из файла в локальной системе или на удаленном сервере

Хотите работать над сайтом SvelteKit вместе с другими попробуйте внести свой вклад в сайт Svelte Society!

Обучающие ресурсы

Читать

Смотреть

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

  • gosvelte является доказательством концепции обслуживания страниц, созданных Svelte, на HTTP-сервере GoLang, при этом данные сервера отправляются в качестве реквизита в компоненты svelte
  • svelte-ethers-store использует библиотеку ethers.js в качестве коллекции читаемых магазинов Svelte для Svelte, Sapper или SvelteKit
  • Fluid Grid - грид-система CSS для будущего веб-сайта
  • stirstack - самоуверенный фреймворк, который сочетает в себе Svelte.js, TailwindCSS, InertiaJS и Ruby on Rails
  • OATHqr помогает пользователям создавать учетные данные безопасности для использования с 2FA/MFA и другими приложениями с поддержкой OATH. Используйте его для генерации сканируемых QR-кодов для одноразовых приложений аутентификации паролей, таких как Aegis или YubiKey
  • svelte-GridTiles - библиотека плиток с изменением перетаскивания, построенная на отзывчивой сетке
  • Miscellaneous Svelte Components - коллекция различных svelte-компонентов alex-knyaz, часто используемых в моих проектах
  • walk-and-graph-svelte-components - сценарий узла CLI для обхода файлов svelte и js, чтобы нарисовать красивый JPG ваших зависимостей, иначе "импорт"
  • Felte - простая в использовании библиотека форм для Svelte
  • svelte-use-tooltip - Svelte-экшен для отображения подсказки
  • Persistent-svelte-store - универсальное постоянно записываемое хранилище, построенное с нуля в TypeScript в соответствии с контрактом хранилищ Svelte

Мы что-то пропустили? Нужна помощь в реализации вашей следующей идеи в Svelte? Присоединяйтесь к нам на Reddit или Discord.

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