フロントエンドのトレンド

このリンク：https://risingstars.js.org/2023/en#section-all

2023年にGitHubに追加された新しいスターの数が最も多いリストが公開されました。新しいスターの数は、一般的にライブラリの利用が増えていることを示しており、傾向は改善しています。

では、これらのライブラリとは一体何なのでしょうか？私たちはそこから学ぶべきなのでしょうか？詳しく見​​ていきましょう。

チャンピオン: shadcn/ui

2023年のJavaScriptエコシステムで最も輝かしいスタープロジェクトは、間違いなくshadcn/uiでした。Reactで構築されたこのUIコンポーネントコレクションは、TailwindCSSの強力なカスタマイズ機能により、数あるプロジェクトの中でも際立っていました。

React テクノロジー スタックを使用していて、プロジェクトでそれが必要な場合は、この UI フレームワークを試すか、ソース コードを確認して学習することができます。

準優勝：バン

Bun は Node.js や Deno の競合であり、新しい JavaScript ランタイムです。

Bun は、パフォーマンスと開発者エクスペリエンスに重点を置いたまったく新しい JavaScript ランタイムであるだけでなく、トランスパイラ、ビルド ツール、パッケージ マネージャ、テスト ライブラリのオールインワン ツールキットでもあります。

開発者に開発スピードの高速化を提供すると主張していますが... しかし... すでに Windows をサポートしており、ますます人気が高まっていくことは間違いありません... たとえ学びたくても、学ぶ方法がありません...

3位：エクスカリドロー

ExcalidrawはReactで書かれた描画ツールです。非常に使いやすく、豊富な既成グラフィックライブラリが付属しています。

ソースコードも学習に非常に役立ちますので、興味のある方はご覧ください。

フレームワーク: React & Nextjs

言うまでもなく、React は世界のフロントエンド フレームワークの中で常に 1 位にランクされており、その人気は毎年急上昇し続けています。

Next.js は React 用のサーバー側レンダリング フレームワークであり、React の人気が高まるにつれて、当然ながら Next.js の人気も高まりました。

学ぶべきか、学ぶべきでないか？そんなの疑問に思う？もちろん学ぶべきです！

新星：HTMX

HTMX は、新しいシンプルなインタラクティブ ソリューションです。

VueやReactといった人気のフレームワークでは、フロントエンドでHTMLを完全に処理し、バックエンドは単にデータをプッシュするだけです。これが、一般的なフロントエンド/バックエンド分離モデルです。

HTMX はこのモデルを変更します。HTMX​​ では、HTML とデータの両方をバックエンドから取得することを推奨しています。

その原理は非常にシンプルです。

• 任意のユーザー イベントから AJAX リクエストを作成します。
• このリクエストに対する新しいアプリケーション状態を表す HTML を生成するようにサーバーに指示します。
• 応答で HTML を送信します。
• 要素を適切な DOM にプッシュします。

言い換えれば、サーバー側の HTML レンダリングに戻り、歴史はまさに繰り返されるのです。

HTX のトレンドが到来し、サーバーが HTML 本文を生成してクライアントに送信する、つまり UI イベントが処理のためにサーバーに送信されるという「確実なクライアント」アプローチが重視され始めています。

基本的な理解があれば十分です。正式に学ぶ必要はありません。短期間で普及すると思いますか？