僕にもできた!Reaxt.jsでHelloWorld
超々初級
●React.jsとは ・JavaScriptフレームワーク(cf. AngularとかjQuery、Vew.js)
・Facebookが開発
・Reactのソースはコンパイルする必要がある
・Reactは同時にJSXも使われることがある
・JSXを使うと、いきなりタグっぽい書き方ができる
[var greeting = React.createElement('h1', null, 'Hi!');]
↓
[var greeting = <h 1>Hi!</h 1>;]
みたいな。
→何もせず書いてしまうと、ブラウザ側で
「ReactDOM.render()メソッドの引数変じゃない?」となりエラーになる
→ので、ブラウザがわかるように変換(コンパイル)するためにBabelを用いる
ex.CDNから引き込む等すればOK
[
・「Reactは、コンポーネント指向のライブラリです。コンポーネント単位で細かくUIの部品を作り、最終的にそれらのコンポーネントを組み合わせてアプリケーションを構築します。」
・ 「render()メソッドの戻り値にJSXと呼ばれる構文を用いてUIを構築します。」
こちらのHP様を元に進めたところ、僕にもできました。 https://react.keicode.com/basics/jsx.php
文法(関数の使い方等)はこちらがわかりやすかった。 https://mae.chab.in/archives/2956
理論的なことが分かりやすく書いてある。すごい http://www.fumiononaka.com/Business/html5/FN1704003.html マルバツゲーム作ってみたい。