/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 votes358 views3 answers
Keyboard dismiss in react native
Javascript React
0 vote350 views1 answer
React native making bigger hitbox
Javascript React
0 vote336 views2 answers
Remove state from location on page load in react router dom
Javascript React
0 vote323 views1 answer
Usenavigate react router dom v6
Javascript React
0 vote356 views1 answer
React how to block render if data is not fetched yet
Javascript React
0 vote341 views1 answer
React sub count
Javascript React
3 votes358 views1 answer
React hooks send data from child to parent
Javascript React
4 votes342 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote333 views1 answer
Download images from http link in react
Javascript React
1 vote322 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React