Vue(composition API)とReact(関数型)のメゾッドの共通点を見出したので出力します。
| Vue | React |
|---|---|
| 通常変数 | useRef |
| ref, reactive | useState |
| computed | useMemo |
| watch | useEffect |
なぜ通常変数がuseRefになるか
まず、Vueは変数宣言などのコードは一回のみ呼び出すのに対し、Reactは再描画ごとに呼び出します。
つまりReactは全体が別々で呼び出されるため、関数内の変数の値はuseRefなどのフックを使わないと維持できないためです。
また、Vueでは通常変数で宣言した場合それに代入しても再描画はされないためReactのフックは再描画が起こらないuseRefをチョイスしました