Svelte の新機能: 2022年1月

Svelte コミュニティの皆さん、新年あけましておめでとうございます！今月は Svelte、SvelteKit、Language Tools、Showcase にわたってたくさんの共有事項があります。2021年を Svelte を使う素晴らしい年にしてくれたすべての方々に感謝します。次の年が楽しみです 🚀

SvelteKit の新機能

• SvelteKit 用の @sveltejs/adapter-static に、アセットとページの Brotli 圧縮をすぐに簡単に実行できる precompress オプションが追加されました (#3079)
• SvelteKit の並行処理モードでは、ページが並行してプリレンダリングされるようになりました (#3120)。1.0.0-next.205 以降ではデフォルトで有効になっています。
• ページパフォーマンス向上のため、CSS が JS の前に自動的に含まれるようになりました (d13efe)
• 新しい設定オプションにより、独自のカスタム登録を行うために、サービスワーカーの登録を無効にする機能が追加されました (#2988)
• SSR ルート分割が登場しました。モノリシックなビルドをより小さなピースに分割することで、起動とルーティングのパフォーマンスが向上します (#2931)
• request.origin/path/query が request.url になりました。設定とページの load 関数がシンプルになりました (#3126)
• Vite 2.7 へのアップデート後、SvelteKit ユーザーは 大幅なパフォーマンス改善を報告しており、SSR でのサードパーティライブラリの読み込みも大幅に改善されました。
• SvelteKit サーバーは、設定ファイルが変更されると自動的に再起動するようになりました (vite-plugin-svelte#237)

svelte/* のその他の新機能

• Svelte 3.44.3 がリリースされ、バインディングとループコードのいくつかのバグが修正されました。
• Svelte Language Tools では、Svelte 3.41 の then/catch ショートハンドと TypeScript の「go to」機能のサポートが導入されました (105.8.0 以降)
• Svelte REPL も大幅にアップグレードされ、保存された REPL を削除できるようになりました。 svelte.dev/apps にログインして試してみてください。

---

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

アプリ & サイト

• Discover Twitter Spaces は、Twitter スペースを見つけるのに役立つツールです。
• Modern Fluid Typography Editor は、CSS クランプを使用して美しい流動的なタイポグラフィを作成するのに役立ちます。
• Unnwhiteboard は、「ホワイトボード」面接を行わない企業（またはチーム）向けの求人掲示板です。
• Secret Santa は、使いやすさを念頭に置いて開発されたプレゼント贈呈調整アプリです。
• LogSnag は、プロジェクトのイベントを通知し、発生した重要なことを追跡するためのタイムラインを提供します。
• Svelte ベースのメモ書きアプリである Tangent のバージョン 0.2 が、現在ベータ版です。
• Intl Explorer は、Intl の可能なすべてのフォーマッターの出力を表示するためのツールです。

今月は、Svelte のメイン Web サイトと Svelte REPL を https://github.com/sveltejs/sites リポジトリに移行するための多くの作業が行われました。これには、svelte.dev の新しいホームページが含まれます。これを可能にしてくれたすべての貢献者に感謝します！

取り組むのに楽しい SvelteKit プロジェクトを探しているなら、Svelte Society サイトの書き直しに貢献できます 💅

学習とリスニング

読む

• SvelteKit でページのリロードやナビゲーションなしでクエリパラメーターをミューテーションする by Mohamad Harith
• React 中毒者のための Svelte：React 開発者向けのガイド by Puru Vijay
• Svelte のライフサイクルメソッドはどこでも使用できます および Svelte における $ の多くの意味 by Geoff Rich
• Vercel と Svelte：Web 開発者にとって完璧な組み合わせ by Darryl K. Taft
• Svelte ストアを使用したユーザー定義の TailwindCSS カラースキーム by jeremy zaborowski
• Ionic 6 + Svelte 🚀 by Raymond Boswel
• 今年の #Svelte 言語ツールで起きたこと by Simon H

見る

• Svelte の未来 (Rich Harris へのインタビュー) by Vercel の開発者リレーション担当ディレクター Lee Robinson
• Svelte は、Obsidian プラグイン開発者にとって頼りになるフレームワークになりつつあります
• Sveltekit WordPress Headless Blog by WebJeda
• SvelteKit の始め方 by Lihau Tan
• Cloudflare Pages にフルスタック SvelteKit アプリをデプロイする by 1nf

聴く

• Syntax podcast: Svelte で物事を行う方法
• JS Party #205: 非常に多くの Svelte の良さ (Rich Harris とともに)

ライブラリ、ツール、コンポーネント

• svelte-headlessui は、Headless UI コンポーネントライブラリの非公式の完全な Svelte ポートです。
• svelte-forms v2 がリリースされました。著者はフィードバックを求めています。
• Percival は、宣言的なデータクエリおよび視覚化言語です。
• Svelte FlatList は、モバイルフレンドリーでシンプル、カスタマイズ可能なドラッグ可能なメニューです。
• svelte-keyed は、オブジェクトと配列用の書き込み可能な派生ストアです。
• Svemix は Svelte 用の Remix です。Svelte コンポーネント/ルート内にサーバー スクリプトを提供します。これらはエンドポイントに変換されます。

ショーケースに追加したいものがありますか？Svelte で次のアイデアを実現するのに助けが必要ですか？Reddit または Discord に参加してください。

また来月！