この記事の内容
Reactでの開発中useRefについて調べていた時、マウントとレンダリングの関係を理解しないと難しいなと感じたので、調べてみました。
結論
↓この記事の内容が秀逸すぎて、これ以上にわかりやすい説明はないと思う
↓上記記事中で引用されていたこちらの図も素敵
でも、自分の言葉でもまとめてみる
## マウントとは
DOMツリーに要素を追加していくこと。ツリーから要素を削除していくことをアンマウントという。
レンダリングとは
現在のPropsとStateを元に、Reactがコンポーネントに対して、それらがどのように見えるべきなのかを尋ねるプロセス。つまり、DOM要素の表示に必要な情報を色々読み込むこと。
合わせると...
レンダリングはマウントの間に行われるが、情報アップデートの際にもレンダリングは行われる