website/versioned_docs/version-0.81/hermes.md
import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import constants from '@site/core/TabsConstants';
<a href="https://hermesengine.dev"> </a>Hermes is an open-source JavaScript engine optimized for React Native. For many apps, using Hermes will result in improved start-up time, decreased memory usage, and smaller app size when compared to JavaScriptCore. Hermes is used by default by React Native and no additional configuration is required to enable it.
React Native comes with a bundled version of Hermes. We are building a version of Hermes for you whenever we release a new version of React Native. This will make sure you're consuming a version of Hermes which is fully compatible with the version of React Native you're using.
This change is fully transparent to users of React Native. You can still disable Hermes using the command described in this page. You can read more about the technical implementation on this page.
If you've recently created a new app from scratch, you should see if Hermes is enabled in the welcome view:
<figure> </figure>A HermesInternal global variable will be available in JavaScript that can be used to verify that Hermes is in use:
const isHermes = () => !!global.HermesInternal;
:::caution
If you are using a non-standard way of loading the JS bundle, it is possible that the HermesInternal variable is available but you aren't using the highly optimised pre-compiled bytecode.
Confirm that you are using the .hbc file and also benchmark the before/after as detailed below.
:::
To see the benefits of Hermes, try making a release build/deployment of your app to compare. For example; from the root of your project:
<Tabs groupId="platform" queryString defaultValue={constants.defaultPlatform} values={constants.platforms} className="pill-tabs"> <TabItem value="android"> <Tabs groupId="package-manager" queryString defaultValue={constants.defaultPackageManager} values={constants.packageManagers}> <TabItem value="npm">npm run android -- --mode="release"
yarn android --mode release
npm run ios -- --mode="Release"
yarn ios --mode Release
This will compile JavaScript to Hermes Bytecode during build time which will improve your app's startup speed on device.
React Native also supports using JavaScriptCore as the JavaScript engine. Follow the instructions from the community repository to opt-out of Hermes.