/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 vote155 views1 answer
Cannot find module react scripts
Javascript React
1 vote163 views1 answer
React native blur view crashing on android
Javascript React
0 vote227 views1 answer
Mixed line chart for angular or react
Javascript React
2 votes205 views3 answers
React scroll on top while transition
Javascript React
26 votes209 views6 answers
React js
Javascript React
0 vote186 views1 answer
Web-vitals react
Javascript React
13 votes164 views4 answers
React deep copy
Javascript React
0 vote170 views3 answers
React-hook-form input
Javascript React
18 votes172 views6 answers
Add svg in react
Javascript React
0 vote166 views1 answer
React native navigation shared element
Javascript React