/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

48 votes342 views4 answers
How to add comment in react js
Javascript React
3 votes325 views1 answer
React create array
Javascript React
1 vote329 views2 answers
React js alert popup example
Javascript React
6 votes324 views1 answer
What is key in react
Javascript React
1 vote269 views1 answer
React native linking phone call
Javascript React
0 vote348 views1 answer
Olx clone react
Javascript React
0 vote299 views1 answer
Line separator with text in the center react native
Javascript React
1 vote371 views1 answer
React native text capitalize
Javascript React
0 vote323 views1 answer
React native add two view
Javascript React
-2 votes320 views2 answers
How to play around with backend node js and frontend react
Javascript React