Pure React

10 15 26 36 50 60 141 150 207

Reactはいくつものライブラリを同時に使う。

これは学びやすさとは程遠い。 学ぶときには1つずつやったほうがわかりやすい。

だからReactだけに集中した、という趣旨の本。

読む前にjavascriptを理解しておく必要があるとのことなので後回し…どこまでがjsでreactなのかわからなくなるから。

JSXはhtmlライクな文法？で、jsに変換される。DOMエレメントを作る。変換するために使うのがbabel。

無名関数だとreturnや{}を省略できる。記法が用意されてる。arrow function

letはmutable、varはimmutable

すげえ…一気にできていく…。

htmlエレメントはattributesを持つ。Reactコンポーネントはprops(=properties)を持つ。違う名前だが本質的に同じもの。

関数が引数を持つとき、コンポートネントはpropsを持つ。

すごいな出来た…。

演習で便箋も作れた。クレカもやりたかったが時間ないのでスキップ。

childrenの説明がよくわからず。エクササイズも飛ばす。

GitHubのファイルリストを作る。childrenのことがなんとなくわかる。

はじめて状態を保存するやつだがあまりよくわかってない。 123

134演習ぜんぜんわからん。ヒントなさすぎでは…。

146演習3未

Accrodion自体は自身がisOpenか知る必要がない。外の状態によって変化する…。

自動リロード

npm install -g nodemon

npm install -g livereload

package.jsonのscriptに追加。

"live": "nodemon src/index.js"

npm start

livereload . -w 1000 -d

ブラウザのlivereloadボタンを押す。

node.js — nodejsサーバーにライブリロードを追加するにはどうすればよいですか

reducerを使う。Reduxはグローバルな状態保存＋コンテキストで、また使いどころが違う…らしい。

172の演習問題。

236の演習問題。