Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
formatting with useMemo vs plain
(version: 1)
Comparing performance of:
useMemo vs no memo plain
Created:
2 months ago
by:
Guest
Jump to the latest result
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>
Run tests (2)
Previous results
Fork
Test case name
Result
useMemo
no memo plain
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 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
Embed
Embed Benchmark Result
Test name
Executions per second
useMemo
407614.9 Ops/sec
no memo plain
423196.5 Ops/sec
Related benchmarks:
Testttttt
Lodash _.some vs _.includes
set.has vs. array.includes of html input types
Input vs Textarea large text
clone vs innerHTML
DIV.innerHTML vs TEXTAREA.value
createContextualFragment vs innerHMTL - w/ Dom Destroy and Replace
document.querySelector speed test
querySelector vs cache speed test
Comments
Confirm delete:
Do you really want to delete benchmark?