How do I know if my code is running as React Native

Question

I want to be able to export a package for all platforms, but I am using some native bindings with a plain JS fallback. Normally I would notice the difference checking if object window or exports exist.

How can I achieve this on React Native?

Answer 1

Here is how to check if code is on web, nodejs, or react-native:

if (typeof document !== 'undefined') {
  // I'm on the web!
}
else if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
  // I'm in react-native
}
else {
  // I'm in node js
}

Sources:

• What causes node to return 'navigator is not defined'
• Add way to detect react-native (and platform) without require().
• React Native support is broken