レンコン畑でつかまえてスマートフォン用の表示で見るレンコン畑でつかまえて2018-08-08Scala.jsでもReactを使いたいScalaはじめにScalaが好きすぎてフロントエンドでも使いたいのでScala.jsに入門してみました。必須環境Scala.jsのチュートリアル曰くsbtとかnode.jsを入れなさいということなのでインストールしましょう。npmパッケージのキャッシュとかバージョンの固定とかしてくれるYarnも一緒に入れておきます。使うことはありませんが、scalajs-bundler経由で利用します。Worldscala-seed.g8からプロジェクトをシードして、ちょろっと書き換えてScala.js用のプロジェクトを作成します。worldと表示されますが、何となく味気ないです。browser今度は適当なHTMLを書いて生成されたJavaScriptを読み込んでみましょう。fastOptJSでScalaのコードをトランスパイルし、ブラウザでindex.htmlを開きます。Scalaコードが(JavaScriptにトランスパイルされて)ブラウザ上で動いています。DOM今度はReactを使ってDOMの差し替えを行ってみましょう。scalajs-reactをbuild.sbtの依存ライブラリに追加します。Reactの依存ライブラリ諸々を1つのjsファイルに押し固めたいのでscalajs-bundlerプラグインを追加します。fastOptJS::webpackこうです。listせっかくReactを使っているので、SPAっぽいことをやってみましょう。いうわけで(消せない)Todoリストです。}}<.divや^.onSubmitのような面妖なDSLが出てくると『うわっ、こっわ』となりますが、しばらく書いているとこんなものかなーと思えてくるので慣れって怖いですね。»プロフィールid:jyuch一人称が『弊社』なだけで別に所属団体の見解ってわけじゃないからね。(5)はてなブログをはじめよう!jyuchさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。