Stimulus公式ページのサンプルの流れ

現在、フィヨルドブートキャンブ内にて、＠Sakiさん主催の「パーフェクト Ruby on Rails輪読会」が行われています。こちらの本、大変参考になりますが、なんだか難しいし、もう少し深掘りがしたい！と思いまして、このブログに予習・復習した内容を簡単に載せていきたいなと考えています。

4-4

控えめなJavaScriptとして紹介されている。ページの一部だけを動的に動かせられるのがメリットのよう。

ReactやVueなどのJSフレームワークのようにフロントエンド側でHTMLを返すのではなく、サーバー側でHTMLを返せる。公式サイトではHTMLの強化とも書かれている。

HTMLのdata-controller、data-action、data-targetを通じてJS側に結びついている

追記：data-targetの書き方がVer2.0から変わっているようだ

サンプルの例だとdata-target="hello.name"からdata-hello-target="name"とコントローラ名をdataとtargetに挟む形になった