How many components can react render in 1 second?

Just Benchmarking react a but.

My VSCode Extensions:
- theme: material community high contrast
- fonts: Menlo, Monaco, 'Courier New', monospace
- errors: Error Lens
- extra git help: Git Lens
- tailwind css intellisense
- indent rainbow
- material icon theme
- prettier & eslint
- ES7+ React Snippets

------------

[markopolo]

its crazy to think how we made sand do all this calculated work at lightning speed

[DavidRodenas]

Ok, that are the numbers in the slow and verbose Development Mode, which are the ones in the high-performance Production Mode?

[layhoutchea]

i agree with you. most of the time, slowness comes from api instead of react rendering.

[ibrahimkhurshid]

We Better call this guy ReactJs "Scientist"

[spiridonov]

I would think rendering meaningful components with more state and calculations wouldn’t be as fast as rendering a div with a number. So obviously 4000 real components wouldn’t be anywhere near this fast

[nimmneun]

Appreciate these daily clips 🙂 your calm manner of explaining stuff is my new substitute for meditation ... after not really touching JS for year's, I might actually dive back in 😅

[mezza]

It’s not quadratic. If a component is rendering two of itself, is exponential!

[gixxerblade]

I’m actually running into performance problems with a contact page that has > 20 contacts. Each contact form has 10 inputs/selects. I got better perf by adding the onChange handler in the onBlur

[coipo]

Have you tried Angular ? what are your thoughts on it ?

[ashwinbhargava]

I think why even after removing Math.random() it was taking the same time because react calculates if it needs to rerender the component and maybe that calculation takes same time as generating a random number. Svelte claims to be faster than react and they did removed this check in between. Its an honest guess, i may be wrong.

[insanity]

How come your logs not be throttling the test? 😕