Что нового в Svelte: Март 2022
Скоро Svelte Summit Spring... и эндпоинты страницы уже здесь!
Только что объявлено: 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!
Обучающие ресурсы
Читать
- Svelte Components как Web Components Матиаса Мено
- Простая маршрутизация Svelte с реактивными URL-адресами Бьорна Лу
- Выравнивание моего контента в блоге Sveltekit / Sanity.io с избранными видео и подсветкой синтаксиса Райана Бодди
- Как делался этот блог максимально используя GitHub от paullj
- FullStack JWT Auth: Introducing SvelteKit Джона Идогуна
- Svelte-Cubed: Добавление движения в 3D-сцены Алекса Уорнса
- Создание RSS-канала с помощью Sanity and Svelte Kit от GHOST
- Как использовать директиву style Svelte Джеффа Рича
- SvelteKit и "Схема клиента" Джулиана Лаубштейна
Смотреть
ТеневыеЭндпоинты Страницы В Svelte Kit - Еженедельный Svelte от LevelUpTuts- Тестирование Для Начинающих (плейлист) от Joy of Code
- KitQL - Родная библиотека SvelteKit для GraphQL Жан-Ива КУЭ
Библиотеки, инструменты и компоненты
- 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.
Увидимся в следующем месяце!