Misago、React.jsを削除しHTMXに移行
मूल शीर्षक: Removing React.js from the codebase and adapting Htmx for UI interactivity (2023)
यह क्यों महत्वपूर्ण है
React.js排除とHTMX採用はWebアプリ開発の技術選定トレンドを示す実例として注目される。
オープンソースフォーラムソフトウェアMisagoのProject Lead「rafalp」氏が2023年12月12日、React.jsをコードベースから削除し、UIインタラクティビティのためにHTMXを採用する方針をロードマップとして発表した。
Misagoフォーラムソフトウェアは現在、DjangoテンプレートとReact.jsコンポーネントの両方でUIを二重に実装する構造を採用している。この方式では、ページロード時にDjangoが生成したHTMLがReact.jsによって置き換えられるため、カスタマイズしたDjangoテンプレートの変更が一瞬しか表示されない問題や、翻訳ファイルの重複、JavaScriptの大量読み込みによるモバイル端末でのパフォーマンス低下などの課題が生じていた。
Project Leadのrafalp氏は解決策として、HTMX（軽量JavaScriptライブラリ）への移行を選択した。HTMXはHTMLの特定部分を「動的アイランド」として定義し、サーバーサイドでレンダリングされたHTMLに差し替える仕組みを提供する。これにより、スレッド一覧のカテゴリ切り替えなどの操作時にページ全体を再読み込みせず、該当部分のみDjangoからHTMLを取得して更新できる。
このアプローチにより、JSON serialization処理の削除、djangojs.po翻訳ファイルの不要化、プラグイン開発者がDjangoテンプレートのみを習得すればよい環境の実現などが期待される。氏は「多くのフォーラムソフトウェアが今もサーバーサイドレンダリング主体で動作しており、ユーザーも満足している」と既存フォーラムソフトの実績を根拠として挙げている。