/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 votes338 views4 answers
Update react
Javascript React
0 vote417 views1 answer
Install react loading spinner
Javascript React
158 votes605 views6 answers
React create app
Javascript React
1 vote332 views1 answer
React native remove text from string
Javascript React
3 votes365 views1 answer
How to test on user reaction discord.js
Javascript React
0 vote367 views1 answer
Orderbychild firebase react
Javascript React
0 vote346 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote351 views1 answer
Reactjs import electron
Javascript React
0 vote330 views1 answer
Hide component blur react hooks
Javascript React
0 vote345 views1 answer
React redux stack overflow
Javascript React