/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

0 vote406 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
4 votes407 views1 answer
How to add custom font to react project
Javascript React
4 votes380 views1 answer
Multiple click events in react
Javascript React
0 vote382 views1 answer
React native create text file
Javascript React
0 vote381 views3 answers
React form validation
Javascript React
0 vote342 views2 answers
Selected css based on route react
Javascript React
0 vote387 views2 answers
Capitalize each word from string in react
Javascript React
0 vote377 views3 answers
How to get svg from pucblic folder in react
Javascript React
0 vote382 views1 answer
React-router in saga
Javascript React
0 vote400 views1 answer
How to clear text ibput after message sent react native
Javascript React