/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 vote205 views1 answer
React Mixed symbols
Javascript React
8 votes212 views4 answers
Get current url react router
Javascript React
1 vote217 views1 answer
React native fast image webp ios
Javascript React
6 votes238 views1 answer
Disable inputetext in react native
Javascript React
0 vote203 views1 answer
How to style navigation drawer react navigation v5
Javascript React
151 votes798 views6 answers
Install react js
Javascript React
0 vote263 views1 answer
React native npm run start port
Javascript React
0 vote248 views1 answer
React conditional if localhost
Javascript React
1 vote211 views1 answer
Two button in one row react native
Javascript React
0 vote250 views1 answer
React testing library for hooks
Javascript React