React-profiler

sublime-medium.txt

const ROUNDS = 100_000
const Benchmark = () => {
  const [took, setTook] = useState()
  const [round, setRound] = useState(1)
  const start = useRef(performance.now())

  useEffect(() => {
    if (round < ROUNDS) {
      setRound(round + 1)
    } else {
      setTook(performance.now() - start.current)
    }
  }, [round])

  return (
    <div className="App">
      <div>{round}</div>
      <div>Took: {took}ms</div>
    </div>
  )
}