/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 vote308 views1 answer
Add value to state array react native dispatch
Javascript React
2 votes329 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote318 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
0 vote313 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
0 vote276 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
0 vote307 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
17 votes287 views5 answers
Add background image react native
Javascript React
0 vote296 views1 answer
React setstate in another component
Javascript React
0 vote300 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
-2 votes309 views1 answer
How to hide keyboard in react native
Javascript React