差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン
前のリビジョン
次のリビジョン
|
前のリビジョン
|
blog:2020:1206_pure_react [2020/12/16 21:00]
127.0.0.1 外部編集 |
blog:2020:1206_pure_react [2020/12/30 00:27] (現在)
kijima |
| {{tag>book 進行中}} | {{tag>book}} |
| |
| ====== Pure React ====== | ====== Pure React ====== |
| |
| 10 15 26 36 50 60 141 150 | 10 15 26 36 50 60 141 150 207 |
| |
| Reactはいくつものライブラリを同時に使う。 | Reactはいくつものライブラリを同時に使う。 |
| 自動リロード | 自動リロード |
| |
| <script>npm install -g nodemon</script> | <code>npm install -g nodemon</code> |
| <script>npm install -g livereload</script> | <code>npm install -g livereload</code> |
| |
| package.jsonのscriptに追加。 | package.jsonのscriptに追加。 |
| <script>"live": "nodemon src/index.js"</script> | <code>"live": "nodemon src/index.js"</code> |
| |
| <script>npm start</script> | <code>npm start</code> |
| <script>livereload . -w 1000 -d</script> | <code>livereload . -w 1000 -d</code> |
| |
| ブラウザのlivereloadボタンを押す。 | ブラウザの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サーバーにライブリロードを追加するにはどうすればよいですか]] | [[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.1608120001.txt.gz · 最終更新: 2020/12/16 21:00 by 127.0.0.1