/Javascript/React/React dynamic settings

React dynamic settings

The easiest solution for me turned out to be to include a tag in my index.html. This gets minified during the NPM build but it does not get bundled with the other javascript so it can easily be replaced with another file at deploy time. My config.js looks like this:

config = {
    "title": "Application Title",
    "envName": "LocalDev",
    "URL": "localhost:8090"
}
Then inside my react components they're accessible by using:

const config = window.config;
alert("Application branding title is: " + config.title);

Source: stackoverflow.com

Similar codes

1 vote151 views1 answer
Mui modal backdrop
Javascript React
0 vote225 views3 answers
React native clear cach
Javascript React
0 vote215 views1 answer
React js and graphql integration
Javascript React
3 votes210 views1 answer
Css in a react file
Javascript React
6 votes199 views1 answer
React-native italics
Javascript React
0 vote202 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React
68 votes227 views4 answers
Inline style react
Javascript React
2 votes208 views1 answer
Combining two styles react native
Javascript React
1 vote226 views1 answer
For loop value index react
Javascript React
12 votes206 views1 answer
Suspense react
Javascript React