Reactの状態を理解して適切にHooksを利用する

Reactと状態は切っても切れない関係です。なぜなら、Reactは状態に基づいて画面を更新するコンポーネントベースのUIライブラリだからです🤝🏻 そんなReactの状態を管理・操作しやすくしてくれているのが、React 16.8から登場したフックです。それゆえ、フックを正しく利用するにあたってReactの状態の理解は非常に重要であり、Reactの状態の理解があやふやだと、予期せぬ挙動やバグのもとになりかねません。 今回の記事では、Reactの状態を理解しながら適切な箇所で適切なHooksを選択していくプロセスを再確認できた！自信を持ってReactをコントロールできるようになりそう！と言えることをゴールとしています🎉 今回使用した即席匿名メモアプリのコードベースです。 サークルでは、コミットに沿って説明をしていきました。（あくまで即席なので細かいこと気にしながら作ってませんorz） 【

[Chron]

下にあるが "Reactは呼び出し(レンダー)に差異があった場合にのみ、DOMを変更してコミットしています。(Hydration)" これ用語の使い方あってるかな？普通はこっちだと思う（https://zenn.dev/dozo13189/articles/07e96c182afa46）。うーん……

[superblueplanet]

“ ”

[mayumayu_nimolove]

ヘブン状態

[uehaj]

「DOMを変更してコミットしています。(Hydration)」なんだこれ