top | item 20413046

(no title)

acoates | 6 years ago

We have done some internal tests of Hermes on a RN experience within Microsoft Office on Android.

Currently we use V8 with bytecode caching on Android, since it provided better startup performance than the JSC engine that normally ships within RN. So the baseline is likely already faster than stock RN.

V8 runtime Memory Impact: 30MB Hermes runtime memory impact: 21.5MB

V8 time to interaction: 1.4s Hermes time to interaction: 1.1s

We have done similar experiments on a full react-native-windows application, replacing the Chakra JS engine (also already with bytecode so faster than stock RN) with Hermes and had app boot time on a low end device go from 3.8s to 3.1s.

discuss

order

cztomsik|6 years ago

It's a pity the Proxy is not supported mobx is really much nicer approach to state management and usually, apps using mobx are much faster - simply because implementing shouldComponentUpdate properly is hard

wbercx|6 years ago

You could still use MobX 4 though. It's equally well maintained.

snek|6 years ago

Very nice numbers, although worth mentioning hermes only appears to support es5, so there's way less stuff to load.

simscitizen|6 years ago

Hermes compiles JS ahead of time to bytecode. The VM takes bytecode in as input, not source code. The ES5 vs. ES6 distinction doesn't matter as much as in other engines where the runtime takes source code as input, and as a result has to pay the more expensive ES6 parsing cost at runtime.

writepub|6 years ago

From your numbers:

1. runtime memory reduction: ~25%

2. Boot time reduction: 20%

3. Time to interaction reduction: 20%

For apps with significant boot times, and runtime memory consumption, this is valuable.

r1nkgrl|6 years ago

For apps with significant boot times, and runtime memory consumption, this is valuable.

This assumes that the reductions are purely proportional to the total and not (at least partially) fixed.