Svelte 9月2024年版新機能

より便利なsvelte:optionsと:global、そしてSvelte 5における<svelte:component>の非推奨化について

Dani Sandoval 2024年9月1日

過去数週間でSvelteに多くのアップデートが追加され、Svelte言語ツールにもいくつかの使い勝手の向上が加えられました。

見ていきましょう…

Svelteと言語ツールの新機能

$state.frozenは$state.rawに置き換えられました (**5.0.0-next.218**、ドキュメント、#12808)
$state.isは削除されました。さようなら、小さなやつ (#12916)
svelte:optionsで、コンポーネントごとにcss: "inject"コンパイラオプションを設定できるようになりました (**5.0.0-next.209**、#12660)
runesモードでは<svelte:component>は不要になったため、非推奨となりました (**5.0.0-next.203/217**、#12646 と #12694)
:globalがより多くの場所で許可されるようになりました。これにより、<style>タグでの使用が容易になり、Tailwindの@applyに関する問題が修正されました (**5.0.0-next.199**、ドキュメント、#12560)
@sveltejs/packageに付属するSvelteのTypeScript定義ジェネレーターは、診断によってd.tsファイルが生成されなかったことが検出された場合に警告を表示するようになりました (**svelte2tsx@0.7.14**、#2428)
emitDtsでtsconfigを指定できるようになりました。モノレポで作業する場合に役立ちます (**svelte2tsx@0.7.16**、#2454)

このリストでは、CSSとJavaScriptのコンパイル全体における多くの効率性とパフォーマンスの向上が網羅されていません。詳細については、CHANGELOGを参照して、デストラクチャリング、状態プロキシ、アクション/スタイル/クラスが前月からどのように改善されたかを確認してください。

Apple Podcasts for the web がSvelteを使用するようになりました
UCLA Student Affairs がSvelteKitを使用してウェブサイトを作成しました
tidytube は、YouTubeのUIを整理するためのブラウザ拡張機能です
Graphite は、オープンソースの2D手続き型グラフィックエディターです
My Yogi は、ヨガのシーケンスビルダー兼マネージャーです
Mark Of Destiny は、小さな発展途上国の支配者となるマルチプレイヤーオンライン戦略ゲームです
Dungeons and Jacks は、ブラックジャックとローグライトの要素を組み合わせたゲームです
YT Desk は、ミニプレーヤー、Discordの「リッチプレゼンス」、グローバルショートカットを備えた、YouTubeとYouTube Musicのスタンドアロンプレーヤーです
Synapsis は、AIベースの学習プラットフォームです
SvelteCareers は、毎週月曜日に求人情報を掲載する新しいSvelte求人サイトです

Svelteコントリビューターとアンバサダーを紹介

読むべき記事

見るべき動画

このグッチャグチャのツールチップは流動的で満足のいくものです
select-kit は、すべての選択/コンボボックス/オートコンプリートのニーズに対応するワンストップソリューションです
ssgoi は、Safariを含むすべてのブラウザでアニメーション付きページ遷移をサポートするページ遷移ライブラリです
@svelte-put/preaction は、サーバー側で静的属性を追加できる機能を備えたSvelteアクションの拡張機能である「preaction」の使用を可能にする、概念実証的なSvelteプリプロセッサです
svelte-standalone は、任意のSvelteウィジェットを単一のスタンドアロンJavaScriptファイルに処理することを目的とした、一連の構成です
svelte-cartesian は、視覚的な回帰テストのために、指定されたコンポーネントのすべてのプロパティの組み合わせのレンダリングを支援する単一コンポーネントです

今月は以上です！何か見落としているものがあれば、RedditまたはDiscordでお知らせください。

次回まで 👋