Svelte の最新情報: 2024年3月

今月、SvelteメンテナーはSvelte 5に多大な進歩をもたらし、Rich HarrisはPrismicとの対談で、チームがフレームワークをさらに改善するためにどのように取り組んでいるかについて語りました。

紹介することもたくさんあります...早速見ていきましょう！

Svelteの最新情報

ご存知かもしれませんが、Svelte 5はプレビュー中です。一方で、Svelte 4 (@latest) には 1つのバグ修正 がありました。しかし、Svelte 5の変更ログにはかなりの数の更新があります。

• 破壊的変更: $derived.call が $derived.by になりました (5.0.0-next.54, ドキュメント, #10445)
• 派生オブジェクトのプロパティを分割代入すると、きめ細かいリアクティビティが維持されるようになりました (5.0.0-next.55, ドキュメント, #10488)
• 新しい hydrate メソッドにより、ハイドレーション関連のコードツリーシェイキングが可能になりました (5.0.0-next.56, ドキュメント, #10497)
• ネストされたCSSがサポートされるようになり、:is(...) と :where(...) のサポートも改善されました (5.0.0-next.57, #10490)
• 破壊的変更: クライアントサイドAPIは、createRoot を削除し、mount / hydrate APIを調整し、unmount を導入することで簡素化されました (5.0.0-next.58, Issue#9827, #10516)

Svelte 5をリリース準備するために必要なすべてのバグ修正、雑用、基礎作業については、mainブランチのCHANGELOG を確認してください。

SvelteKitの最新情報

今月はおもにバグ修正です。最も注目すべきは、ナビゲーション後の古い値を防ぐための修正です (2.5.1, #11870)。

また、アダプターは emulate 関数を使用して、開発とプレビューの機能を提供できるようになりました (2.5.0, ドキュメント, #11730)。これにより、近い将来、Cloudflare向けの開発エクスペリエンスが向上します (11732)。

SvelteKitのすべての変更については、CHANGELOG を確認してください。

---

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

Svelteで構築されたアプリとサイト

• Wishgram は、手書きのグリーティングカードを作成するためのツールです
• rfidify は、Spotifyで音楽を再生するRaspberry PI RFIDリーダーです
• listn.fyi は、あなたが現在夢中になっている音楽を共有するための楽しく簡単な方法です
• Meowrite は、カバーレター、エッセイなどを書くためのAIライティングツールです
• Photo Multitool は、写真を操作するため無料のオンラインツールセットです
• sveltekit-weather-app は、SvelteKitで作られたゴージャスな天気アプリです

学習リソース

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

• Prismicによる優れたフレームワークをさらに良くするには？ - Rich HarrisとSvelte 5
• Syntax.FMによるSvelte 5はすごいが、乗り換える価値はあるか？

今週のSvelte:

読んで/見てください

• Mike StachowiakによるSvelte 5へのアップグレード
• Lev MiseriによるGPT4とSvelteで構築する
• Bryce DornによるSvelteとDenoを使った曲のおすすめミニサイト
• LaunchnowによるOpenAPIを使用してSvelteKitフロントエンドをバックエンドと簡単に同期する：SDKを生成するためのステップバイステップガイド
• Svelte Headlessによる2024年に15分で編集可能なウェブサイトを構築する方法
• Tony DangによるローカルファーストLiveView Svelte ToDoアプリ

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

• PaneForge は、Svelteアプリでサイズ変更可能なペインを簡単に作成できるコンポーネントを提供します
• Svelte UX と LayerChart に、セマンティッククラスとステートクラスによるテーマサポートが追加されました
• Huly Platform は、CRMシステムなどのビジネスアプリケーションの開発を加速するように設計された堅牢なフレームワークです
• svelte-marquee は、Svelte用の美しいマーキーコンポーネントです
• Just Ship は、Svelte 5用のSvelteKit認証ボイラープレートです
• cells は、Svelte用の関数型リアクティブラ イブラリです
• Svelte Headless は、ヘッドレスCMSに接続するシンプルなブログサイトの作成方法を示すサンプルサイトです
• Sugar.css は、セマンティックでアクセシブルな軽量CSSフレームワークです
• apple-svelte は、AppleのHuman Interfaceデザイン言語に基づいたSvelte用のコンポーネントライブラリです
• SvelteKit SSE は、サーバー送信イベントを生成および消費する簡単な方法を提供します。
• sveltekit-superformsのアクセシブルなラッパーであるFormsnap は、大幅に書き直され、ドキュメントが改善されました

今月はこれで終わりです！何か見落としがあれば、Reddit または Discordでお知らせください。

来月まで👋