React17におけるuseEffectの破壊的変更を理解する

しばらく前、React 17 RCが発表されました。現行のReact 16に比べて、いくつかの破壊的変更がある一方、新機能が何もないというのが特徴です。Reactチームとしては、新機能が無いとはいえ、破壊的変更も少なくなっておりなるべく16から17へのアップデートを行なってほしいという考えのようです。 この記事では、React 17における破壊的変更のうち、useEffectのクリーンアップのタイミングに関する変更を取り上げます（以下は公式サイトから引用）。 In React 17, the effect cleanup function also runs asynchronously — for example, if the component is unmounting, the cleanup will run after the screen has been updated.

[sugoi_wada]

“React 17ではコンポーネントがアンマウントされるときもレンダリングがDOMに反映されてからクリーンアップ関数が呼び出されるのでした。”

[nkkkun]

useEffectについて詳しい

[t_f_m]

あとで

[j74th]

React Hook自体の復習にも適切な記事（まだ破壊的変更の部分まで読み進められていない）

[raimon49]

React 16までのuseEffectもちゃんと理解できていなかった事が分かった。

[k2wanko]

JSのスコープと非同期処理になれてない人はハマりそうだ

[sinsinchang]

レンダリングの件の説明がちょっとわかりづらい

[diveintounlimit]

Reactに限らずJS界隈わりと賽の河原っぽいイメージある

[whisper-monkey]

“さて、すでに何か勉強した気になったかもしれませんが、これはReact 17と特に関係ない話なのでまだ復習です。”なげぇ

[gowithyou]

ほう