/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

1 vote151 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote125 views1 answer
Compass in react js
Javascript React
-1 vote119 views2 answers
3 dots React
Javascript React
1 vote138 views3 answers
Linear gradient react native
Javascript React
0 vote124 views1 answer
React Alert when rate changes
Javascript React
0 vote125 views1 answer
Fetch is not defined jest react
Javascript React
4 votes132 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
0 vote125 views1 answer
External js doesn't works if revisit the page in react
Javascript React
1 vote114 views1 answer
How to use array of object in react
Javascript React
0 vote132 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React