Is there a universally established good & easy way to determine how resource heavy your app is?

[mantagen]

Or your react component or your function etc?

[nelsonic]

@mantagen Yes,
the simplest way is to check the size of the "bundle" you are forcing users to download to render the initial page in your app...
Check the memory/resource profile for your app in Chrome Devtools: https://developer.chrome.com/devtools/docs/timeline
And if you want a better simulation of 3G you'll need to throttle the connection:
https://developer.chrome.com/devtools/docs/device-mode#network-conditions

Generally speaking if you are Browserifying/WebPacking code you're going to need to be a magician to make it perform well (compared to hand coding something simple...)

[mantagen]

Thanks @nelsonic , leaving this open in case any one else would like to add anything 😸