Что нового в Svelte: Ноябрь 2020

Исправления переадресации слотов, SvelteKit для более быстрой локальной разработки и многое другое со Svelte Summit France

Daniel Sandoval

С возвращением в серию "Что нового в Svelte"! В этом месяце мы расскажем о новых функциях и исправлениях ошибок, о прошедшем в прошлом месяце Svelte Summit France, а также о некоторых выдающихся сайтах и ​​библиотеках ...

Новые возможности и багфиксы

  1. Destructuring Promises теперь работает должным образом, используя синтаксис {#await} (3.29.3, Пример)
  2. Проброс слотов (выпущено в 3.29.0) больше не должен зависать во время компиляции (3.29.3, Пример)
  3. Улучшенная типизация для get функции в svelte/store и на хуках жизненного цикла (3.29.1)

Что с Sapper?

Sapper получил несколько новых типов в preload функцию, которые упростят типизацию, если вы используете TypeScript. Посмотрите в Sapper docs как лучше их использовать. Также были исправлены ошибки preload ссылок на экспортированных сайтах. Макеты маршрутов также получили несколько исправлений, в том числе обеспечение применения CSS к вложенным макетам маршрутов. Вы также можете лучше организовать свои файлы, теперь, когда поддерживаются расширения с несколькими точками. (0.28.10)

Все функции и исправления в CHANGELOG для Svelte и Sapper.

Svelte Summit was Svelte-tacular!

  • Рич Харрис продемонстрировал возможное будущее разработки Svelte в докладе под названием «Футуристическая веб-разработка». Еще не публичный проект называется SvelteKit (название может измениться) и принесет первоклассный опыт разработчика и большую гибкость для результатов сборки. Если вы хотите получить полную картину, смотрите видео.
  • 17 докладчиков максимально использовали виртуальный формат конференции ... От плавающих голов до бесшовных демонстраций, разработчики Svelte любого уровня подготовки найдут что-то интересное в этом году YouTube playlist

Community Showcase

  • Svelte Lab демонстрирует различные компоненты, визуализации и взаимодействия. Вы можете щелкнуть любой компонент, чтобы увидеть его источник или отредактировать его, используя встроенный REPL сайта.
  • svelte-electron-boilerplate быстрый способ начать работу с приложением Svelte, для десктопов на Electron
  • React Hooks in Svelte демонстрирует примеры распространенных хуков React, портированных на Svelte.
  • gurlic социальная сеть и интернет-эксперимент, который очень быстр благодаря Svelte
  • Interference 2020 визуализирует сообщения об иностранном вмешательстве в выборы в США 2020 года. Вы можете узнать больше о том, как он был встроен в YYY's talk at Svelte Summit
  • jitsi-svelte позволяет легко создавать свой собственный клиент Jitsi, предоставляя готовые компоненты, созданные с помощью Svelte
  • Ellx электронная таблица, записная книжка и IDE. Это супер гладко благодаря Svelte 😎
  • This New Zealand news site разбивает результаты парламентских выборов 2020 года с помощью Svelte
  • Budibase конструктор приложений без кода, работающий на Svelte
  • Svelt-yjs сочетает в себе совместную технологию Yjs, ориентированную на локальное взаимодействие, с мощью Svelte, позволяющую нескольким пользователям в Интернете оставаться в синхронизации.
  • tabler-icons-svelte обёртка Svelte для более чем 850 бесплатных высококачественных SVG-иконок, под бесплатной лицензией MIT, которые вы можете использовать в своих веб-проектах.

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

Есть, что показать? Хотите больше участвовать в Svelte? Мы всегда ищем сопровождающих, участников и фанатиков ... Ознакомьтесь с Svelte Society, Reddit и Discord!