Saidur48

次のウェブベースのサイドプロジェクトにはHTMXを選ぶべき理由 - 古臭いMPAと複雑なSPAは捨て去るべき
私は多くのサイドプロジェクトを構築しているので、常にそれらをより速く、より安く、同様の品質で構築できる技術やパラダイムを探しています。ここ数ヶ月、HTMXやAlpineのような低JSツールを使ってウェブアプリを構築する実験をしています。
この記事では、HTMXがウェブアプリをより速く、より安く構築するための優れた選択肢である理由と、それが私の技術スタック - HAMスタックの中核部分となった理由を共有します。
MPAとSPA
MPAとSPA
マルチページアプリ (MPA)
最初はマルチページアプリがありました(MPA)。
各URLはウェブページに移動します
このウェブページはサーバーサイドでレンダリングされ、ユーザーに送信されます
もしユーザーが何かを変更したり、リフレッシュする必要がある場合、ページ ( の何かを更新する必要があるなら、ページ全体を再読み込みする必要があります。
これはうまく機能しますが、ページ上の何かが変更されるたびにすべてを再読み込みする必要があるため、非常に遅く、動作がぎこちない感じを与えます。これの例として、州政府のウェブサイトを考えてみてください。それらのほとんどは依然として古いスタイルのMPAであり、ほとんどの現代的なアプリと比較して古くてぎこ
原文表示私は多くのサイドプロジェクトを構築しているので、常にそれらをより速く、より安く、同様の品質で構築できる技術やパラダイムを探しています。ここ数ヶ月、HTMXやAlpineのような低JSツールを使ってウェブアプリを構築する実験をしています。
この記事では、HTMXがウェブアプリをより速く、より安く構築するための優れた選択肢である理由と、それが私の技術スタック - HAMスタックの中核部分となった理由を共有します。
MPAとSPA
MPAとSPA
マルチページアプリ (MPA)
最初はマルチページアプリがありました(MPA)。
各URLはウェブページに移動します
このウェブページはサーバーサイドでレンダリングされ、ユーザーに送信されます
もしユーザーが何かを変更したり、リフレッシュする必要がある場合、ページ ( の何かを更新する必要があるなら、ページ全体を再読み込みする必要があります。
これはうまく機能しますが、ページ上の何かが変更されるたびにすべてを再読み込みする必要があるため、非常に遅く、動作がぎこちない感じを与えます。これの例として、州政府のウェブサイトを考えてみてください。それらのほとんどは依然として古いスタイルのMPAであり、ほとんどの現代的なアプリと比較して古くてぎこ