書かれたものです「はじめてのReact」一覧に戻るJavaScript界のモダンな3大フレームワーク「React」「AngularJS」「Vue.js」、いずれも一長一短あるクセのあるソフトウェアで常に宗教戦争にさらされているわけですが、結論から言えばプロジェクトや個人の趣向にあった物を使えば良いし、正直なところES2015(ES6)以降を使うなら個人的にはVanillaJSで十分な場合が多いと思っています。ところがしばらく前からReacは単なるWebアプリの世界を抜け出し、スマホ用のネイティブアプリやVRなど様々な分野に広がりを見せています。Googleトレンドで過去5年間のデータを見ると、調べ方によりますがこれを書いている2018年末はReactが優位な模様。乗るしか無い、このビッグウェーブに!というわけで、しばらくReactについてお勉強をしてみたいと思います。CodeSandbox.全体像を見渡しながらお勉強したかったので、以下の段落で紹介されているサンプルをまずは実行してみます。</body></html>オリジナルのソースはこちら。id="root"></div>内にHelloWorldが表示されているのがわかります。world!</h1>の部分がJSXというやつですね。HTMLのように見えて実際にはXMLだそうで、実行時にはReactのコードに変換されているとのこと。ReactといえばこのJSXが印象深いのですが必ずしも利用する必要はありません。JSXを使わない場合は以下のようなコードを書くと同じように動いてくれます。document.getElementById('root'));1行だけなら良いのですが、これが10行を超えてきて、入れ子構造になってくると、JSXのありがたみが分かってくるらしいので、しばらく使って見てからどちらで行くかを決めた方が良いかもしれませんね。自宅警備がてらゲームのお仕事や講師などしてご飯を食べてます。コメントご質問やリクエストなどお気軽に。メールアドレスの入力は任意です。書き込みが反映されるまで時間がかかります。コメントデータの処理方法の詳細はこちらをご覧ください。ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。