再レンダリングを検知するコード

いつも再レンダリングを確認するときは Chrome の DevTool から Profiler 立ち上げて、'Highlight updates when components render.' のチェックを入れていたのですが、それやらなくても良いじゃんということに気づいたのでメモ。 import * as React from "react" import { StateContext } from "./app" export const Count = () => { const context = React.useContext(StateContext) const getColor = () => Math.floor(Math.random() * 255) const style = { color: `rgb(${getColor()},${getColor()},${

[efcl]

style属性で再描画させてる話

[otchy210]

要素にこういうアニメーションを設定するとレンダリング時に1回だけ発動するわけか。なるほど良いな。特に styled コンポーネントを使ったやり方だと、デバッグで on/off するのも簡単そう。

[tofu-kun]

これ良いアイデア