/Javascript/React/Hide urls in .env in react app

Hide urls in .env in react app

WARNING: Do not store any secrets (such as private API keys) in your React app!

Environment variables are embedded into the build, meaning anyone can view them by inspecting your app's files.

outside our src folder create .env file and add it to gitignore
REACT_APP_WEATHER_API_KEY=123456
inside where you want to access the variable 
const API_KEY = process.env.REACT_APP_WEATHER_API_KEY;

make sure to restart the server

Source: stackoverflow.com

Similar codes

2 votes293 views1 answer
How to use `setState` callback on react hooks
Javascript React
4 votes296 views1 answer
UseEffect with axios react
Javascript React
0 vote313 views1 answer
React-native-restart
Javascript React
0 vote294 views1 answer
React native curved view
Javascript React
1 vote308 views1 answer
React native get numeric random string length of 5 characters
Javascript React
0 vote276 views1 answer
React component will mount new method
Javascript React
-1 vote300 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote298 views1 answer
OAuth with axios react native
Javascript React
0 vote289 views1 answer
Dynamic useState in react
Javascript React
0 vote299 views3 answers
React-native restart app
Javascript React