##useEffectとは?をざっくり
useEffectとは、最初にコンポーネントがレンダー(画面に描写)された後、実行される処理を書くところ。
とりあえずこれくらいの理解にとどめています。いくつか記事を見る限り、この認識に大きな間違いはなさそう。たぶん。
##レンダーがよくわからない
画面に表示される内容の設計図を作成(計算と表現するみたい)すること。それをコミット(設計図をもとに画面を更新)することで、実際に画面に何らかの内容が表示される。
流れとしては、以下の通り。
・レンダー
↓
・コミット
↓
・useEffect
※useEffectはレンダー後の処理となるので、別処理となる。
むしろ、画面が更新されてから動く必要のある処理が入る。
##DOMがよくわからない
・ブラウザがHTMLを木構造として認識したもの。
例)
【実際のHTML】
Hello
Click【DOM】
div
├─ p
│ └─ "Hello"
└─ button
└─ "Click"
・レンダーの際には仮想DOM(Reactが内部で作成するDOMのコピー)を作成する。
これをコミットすることで、DOMとなる。