Documentation » Cookbook » React Native (and ilk)

React Native (and ilk)

The React Native framework has become quite popular and has many popular forks, such as Expo.

React Native is based on JavaScriptCore (part of WebKit) and does not use Node.js or the common Web and DOM APIs. As such, there are many operations missing that a normal web environment or Node.js instance would provide.

For this reason, there is a Shims module provided to fill in the holes.

Installing

To use ethers in React Native, you must either provide shims for the needed missing functionality, or use the ethers.js shim.

It is HIGHLY RECOMMENDED you check out the security section below for instructions on installing packages which can affect the security of your application.

After installing packages, you may need to restart your packager and company.

Installing

/home/ricmoo/my-react-project> npm install @ethersproject/shims --save

Importing

// Pull in the shims (BEFORE importing ethers) import "@ethersproject/shims" // Import the ethers library import { ethers } from "ethers";

Security

The React Native environment does not contain a secure random source, which is used when computing random private keys. This could result in private keys that others could possibly guess, allowing funds to be stolen and assets manipulated.

For this reason, it is HIGHLY RECOMMENDED to also install the React Native get-random-values, which must be included before the shims. If it worked correctly you should not receive any warning in the console regarding missing secure random sources.

Importing with Secure Random Sources

// Import the crypto getRandomValues shim (**BEFORE** the shims) import "react-native-get-random-values" // Import the the ethers shims (**BEFORE** ethers) import "@ethersproject/shims" // Import the ethers library import { ethers } from "ethers";

The content of this site is licensed under the Creative Commons License. Generated on February 8, 2021, 3:25pm.