僕にもできた!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 マルバツゲーム作ってみたい。

f:id:kobayashi8286:20181028144002p:plain

f:id:kobayashi8286:20181028144940p:plain