0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

useEffectを学んで感じたこと

Posted at

##useEffectとは?をざっくり
useEffectとは、最初にコンポーネントがレンダー(画面に描写)された後、実行される処理を書くところ。
とりあえずこれくらいの理解にとどめています。いくつか記事を見る限り、この認識に大きな間違いはなさそう。たぶん。

##レンダーがよくわからない
画面に表示される内容の設計図を作成(計算と表現するみたい)すること。それをコミット(設計図をもとに画面を更新)することで、実際に画面に何らかの内容が表示される。

流れとしては、以下の通り。
・レンダー

・コミット

・useEffect

※useEffectはレンダー後の処理となるので、別処理となる。
 むしろ、画面が更新されてから動く必要のある処理が入る。

##DOMがよくわからない
・ブラウザがHTMLを木構造として認識したもの。
例)
【実際のHTML】

Hello

Click

【DOM】
div
├─ p
│ └─ "Hello"
└─ button
└─ "Click"

・レンダーの際には仮想DOM(Reactが内部で作成するDOMのコピー)を作成する。
 これをコミットすることで、DOMとなる。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?