/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 votes199 views2 answers
Fullcalendar react add event duration
Javascript React
1 vote197 views1 answer
I18n turn off suspense react
Javascript React
0 vote191 views1 answer
React hooks update parent state from child
Javascript React
0 vote213 views1 answer
React userefrence example
Javascript React
11 votes196 views2 answers
React router refreshes page
Javascript React
-1 vote218 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote210 views1 answer
React native add bottom tab and drawer menu
Javascript React
0 vote193 views1 answer
React hook form password validation uppercase
Javascript React
10 votes189 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote211 views1 answer
React native center text vertically full screen
Javascript React