Что нового в Svelte: Январь 2021
A Svelte-packed showcase to kick-off the new year!
С Новым годом от Svelte! В прошлом месяце мы добились прогресса в предстоящем выпуске Sapper, доработали наши типы SvelteComponent
и увидели несколько замечательных приложений, сайтов и библиотек, выходящих на витрине.
Что изменилось в Svelte?
В новом минорном релизе заменили SvelteComponent
класс на SvelteComponentTyped
. This renaming should help with backwards compatibility. Мы обновили в декабре чтобы избежать путаницы с изменением названия.
Если вы используете SvelteComponent
или новый SvelteComponentTyped
в своем проекте или библиотеке, сообщите нам, для чего вы его используете, и мы добавим его в витрину!
Что происходит в Сапере?
Каждый день в предстоящем выпуске появляется больше функций повышения качества жизни. 0.29.0
будет включать новые определения TypeScript, исправления для отслеживания прокрутки и предварительной выборки, а также улучшения в маршрутизаторе для поддержки закодированных параметров запроса.
Если вы обновляетесь с 0.28.x, проверьте the migration guide для шагов по обновлению до Sapper 0.29.
Готов ли SvelteKit?
Чтобы избежать слишком большого оттока во время разработки, SvelteKit все еще работает в частном репо. Объявление будет опубликовано в Discord, блоге и Twitter, когда оно будет готово для большей группы пользователей и участников.
А пока вы можете изучить текущую сборку, запустив npm init svelte@next
из командной строки.
Как указано в What's the deal with SvelteKit?, пока нет доступных документов или поддержки ... Так что используйте на свой страх и риск / для собственного удовольствия!
Community Showcase
Apps & Sites
- manitu.me таймер фонового звука / помидора для сосредоточения и расслабления
- Answer Socrates помогает найти актуальные вопросы в Интернете, чтобы вы могли написать наиболее релевантный пост в блоге, твит или рекламный щит
- multris многопользовательская игра в тетрис. Вы можете прочитать о его развитии здесь
- weather-ab сравнивает архив погоды в разных городах мира. Незаменим для людей, думающих о миграции
- Game Nibs латформа для геймеров, где они могут найти и поделиться краткими игровыми советами, советами, приемами, скриншотами, сборками и многим другим
- Ora инструмент с открытым исходным кодом для отслеживания и ограничения веб-сайтов для Chrome и Firefox
- vscode-dms приложение для группового чата с прямым обменом сообщениями для VSCode
- Zero.2 математическая игра, в которой вы пытаетесь достичь нуля как можно быстрее
- Octave Compass таблица аккордов и инструмент масштабирования для многих популярных музыкальных гамм
- Infinite Walking Bass Generator 2 онлайн-музыкальный проигрыватель, который воспроизводит уникальную ходячую басовую партию
- ListenAddict сайт, который уведомляет вас всякий раз, когда у человека новый разговор / интервью в подкасте
Demos, Libraries & Components
- svelte-tiny-virtual-list ускоряет длинные списки, отображая только видимые элементы
- svelte-query представляет собой набор полезных ловушек для управления, кэширования и синхронизации асинхронных и удаленных данных
- svelte-previous компактное хранилище для запоминания предыдущих значений - полезно для переходов или быстрой отмены стека
- Let's Build a Confetti Cannon объясняет, как создать систему частиц и интегрировать анимацию на основе Canvas в более крупное приложение
- svelte-micro однокомпонентный роутер
- svelte-standalone-router автономный маршрутизатор с API на основе standalone-router
- svelte-datepicker компонент выбора даты с вариациями выбора времени, диапазонов дат и адаптивных тем
- svelte-slimscroll действие для Svelte.js, которое может преобразовывать любой div в прокручиваемую область с красивой полосой прокрутки
- Svelte Zoomable настраиваемый переход с красивым эффектом масштабирования
У вас есть компонент, которым вы хотите поделиться? Посетите страницу Components на сайте Svelte Society. Вы можете внести свой вклад, сделав a PR to this file.
Learning Resources
- Using Svelte to create a scroll video effect демонстрирует, как команду
bind
можно использовать для создания крутого видеоэффекта прокрутки с очень небольшим количеством кода. - How to make a flappybird game in svelte and typescript видеоурок, включающий документы и код для справки
- Accessible Svelte Transition проходит через
prefers-reduced-motion
, чтобы сделать стройные переходы более доступными - Svelte's module scripts explained отличное введение в контекст модуля, распространенный паттерн Sapper
- Awesome Svelte тщательно подобранный список ресурсов Svelte
- .NET Core and Svelte объясняет, как запустить Svelte с .NET Core
- A la découverte de Svelte JS изящная серия учебных пособий на французском языке!
- Svelte for React Developers объясняет основные концепции Svelte людям, которые привыкли к React
- Building a Svelte Static Website with Smooth Page Transitions показывает, как создать статический веб-сайт с помощью Svelte и добавить плавные переходы между страницами с помощью Three.js и GSAP
- Using Apollo Client in Sapper объясняет «простейшие» решения для интеграции клиента запросов Apollo в Sapper
- Reactive web apps with Crystal + Svelte eисследует, как создавать приложения Svelte с полным стеком и рендерингом на сервере с помощью Crystal
Related Projects
- Snowpack's v3 release candidate сейчас выходит в рамках подготовки к дате релиза 6 января. Check out the Getting Started with Svelte для получения дополнительной информации о том, как использовать Snowpack.
- Uppy, загрузчик файлов с открытым исходным кодом, объявил о поддержке Svelte в своей новой версии 1.24
Увидимся в следующем месяце!
Есть, что показать? Хотите больше участвовать в Svelte? Мы всегда ищем сопровождающих, участников и фанатиков ... Ознакомьтесь с Svelte Society, Reddit и Discord!