本文へスキップ

Svelteの最新情報:2020年11月

スロットフォワーディングの修正、ローカル開発の高速化のためのSvelteKit、そしてSvelteサミットからのその他の情報

「Svelteの最新情報」シリーズへようこそ!今月は、新機能とバグ修正、先月のSvelteサミット、そして注目すべきサイトとライブラリについて取り上げます…

新機能と重要なバグ修正

  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サミットは大成功でした!

  • Rich Harrisは、「未来的なWeb開発」というタイトルの講演で、Svelte開発の未来の可能性を実演しました。まだ公開されていないプロジェクトはSvelteKitと呼ばれ(名前は変更される可能性があります)、一流の開発者エクスペリエンスとビルド出力の柔軟性の向上をもたらします。完全なプレビューをご覧になりたい場合は、ビデオをご覧ください
  • 17人の講演者が、オンライン形式のカンファレンスの利点を最大限に活かしました…浮遊する頭からシームレスなデモまで、あらゆるスキルレベルのSvelte開発者が、今年のYouTubeプレイリストで何か興味深いものを見つけることができるでしょう。

コミュニティショーケース

  • Svelte Labは、Svelteで実現できるさまざまなコンポーネント、視覚化、インタラクションを紹介しています。任意のコンポーネントをクリックしてソースコードを表示したり、サイトの組み込みREPLを使用して編集したりできます。
  • svelte-electron-boilerplateは、デスクトップJavaScriptフレームワークであるElectronで構築されたSvelteアプリを迅速に立ち上げるための方法です。
  • React Hooks in Svelteは、一般的なReact HooksをSvelteに移植した例を紹介しています。
  • gurlicは、Svelteのおかげで非常に高速なソーシャルネットワークとインターネット実験です。
  • Interference 2020は、2020年の米国大統領選挙における報告された外国からの干渉を視覚化しています。構築方法については、YYYのSvelteサミットでの講演で詳しく説明されています。
  • jitsi-svelteを使用すると、Svelteで構築されたすぐに使用できるコンポーネントを提供することで、独自のJitsiクライアントを簡単に作成できます。
  • Ellxは、スプレッドシート、ノートブック、IDEを組み合わせたものです。Svelteのおかげで非常にスムーズです 😎
  • このニュージーランドのニュースサイトは、Svelteを使用して2020年議会選挙の結果を詳しく説明しています。
  • Budibaseは、Svelteを基盤としたノーコードアプリビルダーです。
  • Svelt-yjsは、Yjsの協調的でローカルファーストなテクノロジーとSvelteのパワーを組み合わせることで、インターネット上の複数のユーザーが同期状態を維持できるようにします。
  • tabler-icons-svelteは、Webプロジェクトで使用できる850を超える無料のMITライセンスの高品質SVGアイコンのためのSvelteラッパーです。

来月またお会いしましょう!

ショーケースに追加するアイデアがありますか?Svelteにもっと関わりたいですか?メンテナー、コントリビューター、熱心なファンを常に募集しています…Svelte SocietyRedditDiscordをチェックして参加しましょう!