過激派が教える！ useEffectの正しい使い方

ReactのuseEffectは、フックの中でも使い方が難しいものの一つです。そこで、この記事では筆者が考えるuseEffectの望ましい使い方を皆さんに伝授します。 基本原則 技術やその要素の使い方を考えるにあたって、筆者が好んでいるのは基本原則を置いてそれに基づいて判断することです。ということで、この記事ではまず筆者が考えるReactの基本原則を紹介します。 筆者がもっとも重要視する原則は、ReactはUIライブラリであるということです。つまり、ReactにはUIの管理をさせるべきであって、その他のことはReactの役目ではないということです。Reactが難しいと思う人がいる場合、何でもかんでもReactにやらせようとするから余計に難しくなっているのだと思います。 例えばアプリケーションのロジックの管理やそれに付随するステートの管理はReactの役目ではないので、Reactの外部で処理

[hdampty7]

"クリーンアップ関数の無いuseEffectは不適格"→本当にそうならReactが仕組みとして提供すべきであってReactが不完全というかReactの上にさらに共通ルールが必要という理解ならコードというかフレームワークで示してほしい。

[umai_bow]

その方が便利とか分かりやすいって主張なら分かるけど、哲学的にどうだという話は、Reactがそう言ってない以上「違うが？」としか。"You Might Not Need an Effect" もパフォーマンスとか読みやすさのことしか言及してないし

[gfx]

過激派というか原理主義だと思うけど、まあせやなという感じ。

[c_mutoh]

“track”

[tohokuaiki]

なるほど。わからん。…とコメントしてから二週間程経ってようやく分かるようになってきたけど、Timerの例ってコード的にはそうなんだけど、実際には使うことがないから実感としてわかりにくくてよくない例だと思う

[yasu-log]

routerのところ、特に。

[Cherenkov]

useEffect

[qinglong]

“う例としては典型的なものです。useEffectを使ってトラッキングを行うのはReactはUIライブラリであるという原則に反しています。トラッキングはUIに関連しないデータの取得であり、useEffectを使ってトラッキングを行うのは

[Nyoho]

“値の変化に反応するためにuseEffectを使うのは良くない”

[kvx]

ほー

[yarumato]

“ReactにはUIの管理だけさせるべき、が最重要の原則。その他をReactにやらせようとするな。useEffectについてもUIの管理目的のため。コンポーネントに閉じないロジックは良くない。クリーンアップ関数はなぜ必須か”

[rarirurero9999]

今ここで大いに詰まっているので激しく同意 > "つまり、ReactにはUIの管理をさせるべきであって、その他のことはReactの役目ではないということです。"

[jay-es]

useEffect は UI の管理のために使うもので、値の変化に反応するために使うのは良くない。クリーンアップ関数が無かったり、依存配列が最適化を超えた意味を持っていたら不適格。