跳至主要內容

Svelte 最新消息:2020 年 11 月

插槽轉發修復、SvelteKit 加速本地開發,以及 Svelte Summit 的更多內容

歡迎回到「Svelte 最新消息」系列!本月,我們將介紹新功能和錯誤修復、上個月的 Svelte Summit,以及一些出色的網站和函式庫...

新功能和影響重大的錯誤修復

  1. 現在可以使用 {#await} 語法,使解構 Promise 如預期般運作 (3.29.3範例)
  2. 插槽轉發(於 3.29.0 版本發布)應不再於編譯期間掛起 (3.29.3範例)
  3. 針對 svelte/store 中的 get 函式和生命週期鉤子提供更佳的類型定義 (3.29.1)

Sapper 有什麼新進展?

Sapper 在其 preload 函式中獲得了一些新類型,如果您使用 TypeScript,這將使類型定義更加容易。請參閱 Sapper 文件 以了解如何使用它們。匯出的網站中的 preload 連結也進行了修復。路由佈局也進行了一些修復,包括確保 CSS 應用於巢狀路由佈局。現在,由於支援帶有多個點的副檔名,您也可以更好地組織檔案。(0.28.10)

有關所有功能和錯誤修復,請參閱 SvelteSapper 的 CHANGELOG。

Svelte Summit 非常精彩!

  • Rich Harris 在一場名為「未來網路開發」的演講中演示了 Svelte 開發的可能未來。這個尚未公開的專案名為 SvelteKit(名稱可能會更改),將為建置輸出帶來一流的開發人員體驗和更高的靈活性。如果您想全面了解,請觀看影片
  • 17 位演講者充分利用了會議的虛擬形式... 從漂浮的頭部到無縫演示,各種技能程度的 Svelte 開發人員都可以在今年的 YouTube 播放清單 中找到感興趣的內容。

社群展示

  • Svelte Lab 展示了各種可以在 Svelte 中實現的元件、視覺化和互動。您可以點擊進入任何元件以查看其原始碼或進行編輯,使用該網站內建的 REPL。
  • svelte-electron-boilerplate 是一個快速啟動並運行在桌面 JavaScript 框架 Electron 中建置的 Svelte 應用程式的方法。
  • Svelte 中的 React Hooks 展示了移植到 Svelte 的常見 React Hooks 的範例。
  • gurlic 是一個社交網路和網路實驗,由於 Svelte 的效能而非常快速。
  • Interference 2020 將 2020 年美國大選中報告的外國干預視覺化。您可以在 YYY 在 Svelte Summit 上的演講中了解更多關於其建置方式的資訊。
  • jitsi-svelte 讓您能夠輕鬆建立自己的自訂 Jitsi 客戶端,它提供了使用 Svelte 建置的現成元件。
  • Ellx 是一個結合試算表、筆記本和 IDE 的工具。它由於 Svelte 而超級流暢 😎
  • 這個紐西蘭新聞網站使用 Svelte 分析了 2020 年議會選舉的結果。
  • Budibase 是一個由 Svelte 驅動的無程式碼應用程式建置器。
  • Svelt-yjs 結合了 Yjs 的協作式、本地優先技術和 Svelte 的強大功能,使網路上多個使用者能夠保持同步。
  • tabler-icons-svelte 是超過 850 個免費 MIT 授權的高品質 SVG 圖示的 Svelte 包裝器,供您在網路專案中使用。

下個月再見!

對添加到展示的內容有想法嗎?想要更深入地參與 Svelte 嗎?我們一直在尋找維護者、貢獻者和狂熱粉絲... 請查看 Svelte SocietyRedditDiscord 以加入我們!