react dotenv code example

Example 1: how to import dotenv in react

//create .env file and use prefix "REACT_APP_" infront of variable name
//for example
REACT_APP_TOKEN=abcdefghijklmnopqrstuvwxyz

// inside react file simple call it by
process.env.REACT_APP_TOKEN

//if your react server was running before creation of .env and restart it.

Example 2: how to use .env file in react native

// step one install this module
npm install react-native-dotenv

// step two add this in your babel.config.js
 plugins: [
    'module:react-native-dotenv',
    {
      moduleName: '@dotenv',
      safe: false,
      allowUndefined: false
    }
  ]
 
 // step three add value whatever in your .env file
 API_KEY = 434d3c04fc285d218d740e2a568387e4
 
 // step four use this method for call environment
 import { API_KEY } from '@dotenv'