差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン 		前のリビジョン
blog:2020:1206_pure_react [2020/12/12 11:11]
kijima [Props] 		blog:2020:1206_pure_react [2020/12/30 00:27] (現在)
kijima
行 1: 行 1:
-{{tag>book 進行中}}+{{tag>book}}
  
 ====== Pure React ====== ====== Pure React ======
  
-10 15 26 36 50+10 15 26 36 50 60 141 150 207
  
 Reactはいくつものライブラリを同時に使う。 Reactはいくつものライブラリを同時に使う。
行 31: 行 31:
  
 関数が引数を持つとき、コンポートネントはpropsを持つ。 関数が引数を持つとき、コンポートネントはpropsを持つ。
 +
 +===== Tweet With Props =====
 +
 +すごいな出来た…。
 +
 +演習で便箋も作れた。クレカもやりたかったが時間ないのでスキップ。
 +
 +childrenの説明がよくわからず。エクササイズも飛ばす。
 +
 +===== GitHubのファイルリスト =====
 +
 +GitHubのファイルリストを作る。childrenのことがなんとなくわかる。
 +
 +===== clickカウンタ =====
 +
 +はじめて状態を保存するやつだがあまりよくわかってない。
 +123
 +
 +134演習ぜんぜんわからん。ヒントなさすぎでは…。
 +
 +146演習3未
 +
 +===== 外からの状態変化 =====
 +
 +Accrodion自体は自身がisOpenか知る必要がない。外の状態によって変化する…。
 +
 +自動リロード
 +
 +<code>npm install -g nodemon</code>
 +<code>npm install -g livereload</code>
 +
 +package.jsonのscriptに追加。
 +<code>"live": "nodemon src/index.js"</code>
 +
 +<code>npm start</code>
 +<code>livereload . -w 1000 -d</code>
 +
 +ブラウザのlivereloadボタンを押す。
 +
 +[[https://www.it-swarm-ja.tech/ja/node.js/nodejs%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%AB%E3%83%A9%E3%82%A4%E3%83%96%E3%83%AA%E3%83%AD%E3%83%BC%E3%83%89%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%99%E3%82%8C%E3%81%B0%E3%82%88%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B/832890753/|node.js — nodejsサーバーにライブリロードを追加するにはどうすればよいですか]]
 +
 +===== 状態保存 =====
 +
 +reducerを使う。Reduxはグローバルな状態保存＋コンテキストで、また使いどころが違う…らしい。
 +
 +172の演習問題。
 +
 +236の演習問題。
blog/2020/1206_pure_react.1607739081.txt.gz · 最終更新: 2020/12/12 11:11 by kijima

ページ用ツール