Benchmark: formatting with useMemo vs plain

HTML Preparation code:

<!--your preparation HTML code goes here-->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>

<div id="dest"></div>

Script Preparation code:

var formatTimeRemaining = (seconds) => {
	const pad = (n) => String(n).padStart(2, '0');
	const hours = Math.floor(seconds / 3600);
	const minutes = Math.floor((seconds % 3600) / 60);
	const secs = seconds % 60;
	return hours >= 1 ? `${pad(hours)}:${pad(minutes)}:${pad(secs)}` : `${pad(minutes)}:${pad(secs)}`;
};

Tests:

useMemo
function ComponentWithUseCallback() { const testNumber = React.useMemo(() => formatTimeRemaining(3300), []); const testNumber2 = React.useMemo(() => formatTimeRemaining(3300), []); return React.createElement('div', null, 'Test click'); } ReactDOM.render( React.createElement(ComponentWithUseCallback, null, null), document.getElementById('dest') );
no memo plain
function ComponentWithUseCallback() { const testNumber = formatTimeRemaining(3300); const testNumber2 = formatTimeRemaining(3300); return React.createElement('div', null, 'Test click'); } ReactDOM.render( React.createElement(ComponentWithUseCallback, null, null), document.getElementById('dest') );

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
useMemo
no memo plain

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 5 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36

Browser/OS: Chrome 144 on Mac OS X 10.15.7

View result in a separate tab

no memo plain

423K/s

useMemo

408K/s

View exact numbers

Test name	Executions per second
✓ no memo plain	423,196 Ops/sec
useMemo	407,615 Ops/sec

formatting with useMemo vs plain (version: 1)

Comparing performance of: `useMemo vs no memo plain`

Created: 5 months ago by: Guest

Go to the latest result

useMemo

no memo plain

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

formatting with useMemo vs plain (version: 1)

Comparing performance of: useMemo vs no memo plain

Created: 5 months ago by: Guest

Go to the latest result

useMemo

no memo plain

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `useMemo vs no memo plain`