/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 vote293 views1 answer
How to define state in react function
Javascript React
0 vote307 views1 answer
React passport session
Javascript React
0 vote292 views1 answer
Docker react js
Javascript React
2 votes329 views1 answer
Passing multiple props to child component in react
Javascript React
1 vote301 views1 answer
For loop value index react
Javascript React
0 vote361 views1 answer
Convert integer month to string month react native
Javascript React
3 votes312 views1 answer
React parameter value from query string
Javascript React
3 votes309 views2 answers
React router active link css
Javascript React
2 votes316 views3 answers
React scroll on top while transition
Javascript React
2 votes299 views2 answers
Create react app not creating template
Javascript React