HotwireのJavaScriptは簡単

Hotwireは入門書レベルのJavaScriptで書ける

Reactとの比較になりますが、Hotwireで使うJavaScriptは簡単です。Hotwireは入門書程度のJavaScriptで十分に書けます。

• Hotwireでは高階関数はほとんど使いません。Array.forEach()とかArray.filter()などの初歩的なものを使ってDOM操作はしますが、高階関数を意識することはまずありません。
• Hotwireではasync awaitやPromise、コールバック等は滅多に書きません
  • Reactでasync await等が必要になるのはほとんどがfetch()というでサーバと通信をするときだけです。それさえなければ、async awaitの必要性は激減します
  • Hotwireの場合は、fetch()はすべてTurboが担当します。そしてTurboは通常はJavaScriptすら必要なく、HTMLの属性を書くだけで十分です。もちろんasync awaitは登場しません

Hotwireの方が入門者、もしくはJavaScriptに特に詳しくないウェブデザイナーにとって優しいライブラリーと言えると思います。

実際のJavaScript入門書を見てみる

先日、「1冊ですべて身につくJavaScript入門講座」を購入して読んでみました。

この入門書で学習するJavaScriptの範囲は下記のものです。

• document.querySelector()などのセレクタ
• element.addEventListener()などのイベント処理
• element.textContent, element.classListなどのDOM操作
• 関数の定義の仕方
• for文、if文
• ArrayやObjectへの基本的な値の出し入れ

「これじゃ全然足りない！もっとJavaScriptをちゃんと勉強しないと現場で使えない」とお思いかもしれませんが、私が本サイトで書いているStimulus Controllerはこれでほぼカバーできます。JavaScript classの基本、三項演算子、setInterval()を追加すれば良い程度です。

別の言い方をすれば、Reactで必要とされる高レベルのJavaScriptは偶有的な複雑性です。本質的な複雑性は入門レベルのJavaScriptでカバーされています。

まとめ

• HotwireのJavaScriptは、デザイナー向けの初歩的な知識だけでほぼ書けます
• ウェブデザイナー、ウェブコーダーでも十分にHotwireのJavaScriptコードが書けます
• Hotwireは、Reactと比べて、はるかに裾野が広い技術と言えます