React

React

備忘録: React useStateのバッチ処理と落とし穴

ReactのuseStateでは、複数ステートを同時に更新しても、Reactがバッチにまとめてくれる。しかし条件によってはバッチ処理が行われず、余分なレンダリングや不整合が発生することがある。この問題の発生するケースとその回避策についてまとめて見た。
React

備忘録: React useEffectの実行条件と実行タイミング

ReactのHookの中でも使用頻度の高いuseEffect。レンダリング以外の処理を行うときに重宝しているが、その実行条件や実行タイミングについて理解していないと、思わぬ落とし穴にハマることになる。そんな経験を踏まえて筆者なりの理解をまとめてみた。