/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 vote122 views2 answers
How to place text input cursor to start in react native
Javascript React
14 votes163 views4 answers
&& in react jsx
Javascript React
0 vote140 views1 answer
React show new app
Javascript React
3 votes137 views3 answers
React ReferenceError: regeneratorRuntime is not defined
Javascript React
0 vote164 views1 answer
Github create react app buildpack
Javascript React
3 votes164 views1 answer
React how to create range
Javascript React
0 vote148 views4 answers
React router v6
Javascript React
31 votes137 views1 answer
Install react router dom and save
Javascript React
18 votes135 views4 answers
React get route params
Javascript React
0 vote135 views1 answer
Show and Hide element in react
Javascript React