/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

1 vote393 views2 answers
React native time range picker
Javascript React
0 vote433 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
0 vote447 views1 answer
ScrollspyNav react
Javascript React
5 votes337 views2 answers
React native components
Javascript React
0 vote415 views1 answer
React router remove location state on refresh
Javascript React
0 vote360 views1 answer
How to empty input field in react
Javascript React
3 votes352 views1 answer
React router dom current path hook
Javascript React
0 vote415 views2 answers
React native: how to know th softkey height
Javascript React
0 vote315 views1 answer
React node github project
Javascript React
0 vote364 views1 answer
Reset navigation to specific tab react-navigation
Javascript React