Visualization をやりたくてD3.jsもやってみたかったのだが、
Reactも面白そうなのでやってみることにした。
(面白そうだけど、あえて自分プロジェクトを蛇足してまでやるというのは、いちおうそれだけの理由があって、、一時jQueryに感じていた、これをやっておかないとあとあと困りそうという気が強くするから。Angular2、Vue、Reactあたりのどれかは修得しておいたほうが今後生きていく上で楽そうという野生のカンによる。)
省力化のため、とりあえず本を買った。
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=httpstarblogo-22&language=ja_JP&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=4839960496&linkId=ad38ef40e2c58c63b60d8882dc4d9726"></iframe>
Reactホント斜め読みしかしていないのだが、
Reactは完全にJavascriptではなく、一部独自仕様の構文解析を
するので、コンパイル(トランスパイル)がいるようだ。
Node.jsは絶対に必要ってわけでもないんだろうけど、
普通は絶対入れるもんなんだろうから、インストールしておく。
特に技術的に難しいわけじゃないけど、手順を忘れてしまうのでメモっとく。
sudo apt install nodejs
sudo apt install npm
node -v
v8.10.0
npm -v
3.5.2
cd webpage の開発ディレクトリ(work space)
npm init
全部OK yes
npm install --save react
npm install
↑こっちは自分プロジェクト用
チュートリアル?用にも作業する
cd ~
mkdir my-app
sudo npm install -g create-react-app
create-react-app my-app
npm install --save-dev babel-cli babel-preset-env
npm install --save-dev babel-preset-react