/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 vote454 views1 answer
Discord bot remove message reaction
Javascript React
0 vote429 views1 answer
Stop playing music when page is closed react
Javascript React
145 votes587 views6 answers
Add bootstrap to react
Javascript React
34 votes360 views3 answers
React-router
Javascript React
0 vote389 views1 answer
Switch React Native Paper
Javascript React
0 vote402 views2 answers
Mobile nav react npm
Javascript React
0 vote434 views2 answers
React native use route params
Javascript React
0 vote427 views1 answer
React native check os
Javascript React
5 votes375 views2 answers
Lazy loading react
Javascript React
0 vote425 views1 answer
React router nested routes active
Javascript React