Svelte 2024年6月版 新機能
改善されたbind、移行ツール、そして新しい比較rune
メンテナーはSvelte 5 リリース候補のリリース準備に尽力してきました。今月のニュースレターでは、プレリリース版のCHANGELOGのハイライトと、コミュニティショーケースからの多くの項目をご紹介します。
詳しく見ていきましょう！
Svelteの新機能
- runeモードではコンポーネントエクスポートでの
bind:は禁止され、プロパティが$bindableかどうかを判別するための型が大幅に改善されました (**5.0.0-next.113、114、125**、ドキュメント、#11238、#11225、#11498) - Svelte 5構文への移行を容易にするため、
migrateツールに関する多くの作業が行われました (**5.0.0-next.116、136、137**、ドキュメント、#11334、#11659、#11704) - MathMLがサポートされるようになりました (**5.0.0-next.120**、ドキュメント、#11387)
- Svelte Inspectorがサポートされるようになりました (**5.0.0-next.125**、ドキュメント、#11514)
$state.isruneを使用すると、深くリアクティブなオブジェクト/配列内の値を比較したり、オブジェクトが存在するかどうかを確認できます (**5.0.0-next.134**、ドキュメント、#11613)rootDirコンパイラオプションにより、ファイル名が相対化され、モノレポや複雑なフォルダ構造での開発が簡素化されます (**5.0.0-next.135**、#11627)
コミュニティショーケース
Svelteで構築されたアプリとサイト
- Onlook は、デザイナーがチームのUIコードベースに貢献できるようにするChrome拡張機能です。
- Fluid Type Generator は、Svelte 5で構築された最新の流動的なタイプジェネレーターです。
- LCH Palette Generator は、UIデザインで使用するためのグラデーションパレットを簡単に作成および保存できるツールです。
- Typepost は、ソーシャルメディア向けのシンプルなテキスト投稿ジェネレーターです。
- Equimake は、学習者、ゲーマー、アーティスト、コーダーのための共同リアルタイム3Dプラットフォームです。
- svelte.dev-machine は、svelte.devホームページのSvelteマシンを複製するための物理ベースのアニメーションです。
学習リソース
Svelteコントリビューターとアンバサダーを紹介
- Svelte 5：コンパイラ、シグナル、およびWebアプリケーションのパフォーマンス by JSJ 627 with Rich Harris
- Svelte London - 2024年5月
- This Week in Svelte - Svelteの変更ログと今週の新しい学習内容を深く掘り下げます。
読むべきもの
- SvelteKitアプリのセキュリティ保護 と 複数のSvelteKitサーバーフックを連続して実行することによるウォーターフォールを防ぐ by Captain Codeman
- Firebaseを使用したSvelte 5 ToDoアプリ by Jonathan Gamble
視聴すべきもの
- Svelte 5 Runes Demystified by Peter Makes Websites Ltd
- SvelteKitを使用したeコマースストアの構築方法 by Crystallize
ライブラリ、ツール、コンポーネント
- Floating UI Svelte は、フローティング要素の位置決めとインタラクション処理のためのライブラリです。
- Svelte Animated Pixels は、ピクセルのマップを文字列として宣言するだけで、ピクセル化されたキャンバスアニメーションを簡単に作成できる方法を提供します。
- SvelteKit Passkey Template は、Passkey認証、Googleサインイン、メールボックス検証を備えたSvelteKitテンプレートプロジェクトです。
- svelte-infinite は、runeを使用したSvelte 5用に設計された無限スクロールライブラリです。
- svelte-next は、Svelteライブラリのアップデートを自動化しようと試みるものです。
今月は以上です！何か見逃しているものがあれば、RedditまたはDiscordでお知らせください。
来月まで👋