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ボタンを押す。
reducerを使う。Reduxはグローバルな状態保存＋コンテキストで、また使いどころが違う…らしい。
172の演習問題。
236の演習問題。