/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

3 votes272 views1 answer
React router Link does work
Javascript React
0 vote270 views1 answer
React key press hook
Javascript React
0 vote299 views1 answer
Radio button in reactive forms angular material
Javascript React
21 votes206 views3 answers
Hide header bar react navigation
Javascript React
0 vote246 views3 answers
Paypal react native
Javascript React
48 votes291 views4 answers
How to add comment in react js
Javascript React
0 vote283 views1 answer
How to call api on load using hooks in react
Javascript React
-1 vote270 views2 answers
What is a react hook
Javascript React
0 vote290 views1 answer
Module missing for arearange highcharts react
Javascript React
0 vote270 views1 answer
Ng-class equivalent in react
Javascript React