SvelteとSvelteKitはなんですか？

出版日: 2024年5月13日

背景

Svelteは素晴らしいですし、SvelteKitも同様です。両方とも大好きですが、これら2つを間違えて使うことがあります。最高のフロントエンドスタックを構成しているこれら2つを見てみましょう。

最初にSvelteがありました

Svelteは、ReactやAngularのようなフロントエンドUIフレームワークです。ただし、Svelteはこれらのフレームワークよりも優れています。なぜなら、Svelteはブラウザに作業を任せずに、大部分の作業をコンパイル時に行うからです。また、仮想DOMを持たず、効率的なJSコードを生成するため、効果的なアプリケーションを作成できます。状態管理、トランジション、そして私のお気に入りのバインディングなどの機能が付属しています。

こちらに、Svelteの作成者であるRich Harrisによる素晴らしい紹介ビデオがあります:

そしてSvelteKitが登場しました

Svelteは素晴らしいフロントエンドフレームワークですが、完全なアプリを作成するために必要な基本的な機能が欠けています。

たとえば、標準のアプリにはルーティング、画像最適化、データの読み込み、サーバーサイドレンダリングなどが必要です。そのために、SvelteKitが作成されました。

SvelteとSvelteKitの関係はReactとReact Routerの関係のようです。また、SvelteKitはNextJSのようなものですが、Svelteとの互換性が高く、非常に高速な開発環境を可能にするViteを使用しています。

SvelteとSvelteKit（およびVite）の違いについて非常に良い説明がRedditにもあります:

結論

Svelteは再利用可能なコンポーネントを作成するためのUIフレームワークであり、バインディング、状態管理、トランジション、リアクティビティなどのスリムな機能が付属しています。

SvelteKitはSvelte（およびVite）の上に構築されており、SSR、ルーティング、SPAなどを備えた完全なアプリを構築するのに役立ちます。これが、SvelteがWebアプリの世界で人気を博するのに役立っています。

ウェブサイトを作成する興味がある場合、フロントエンド（SvelteとSvelteKit）に加えてバックエンドが必要です。Google Cloudのようなサーバーレスバックエンドを使用するか、Node JS、Express JS、MongoDBなどの異なるスタックを使用します。ただし、このトピックは別の日のためのものです。

質問がありましたら、お知らせください。その間、Happy hacking！

このブログは英語からChatGPTによって翻訳されました。不明な点がある場合は、お問い合わせページからご連絡ください。

コメントを残す

その他のブログ