/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

2 votes347 views1 answer
Dot env react native
Javascript React
0 vote321 views1 answer
Using redux on react extension
Javascript React
0 vote314 views3 answers
Flatlist react native keyextractor
Javascript React
6 votes328 views1 answer
Disable inputetext in react native
Javascript React
5 votes288 views2 answers
React hook form
Javascript React
0 vote396 views1 answer
Toggle function react js
Javascript React
1 vote306 views1 answer
Responsive calc height react native
Javascript React
0 vote313 views1 answer
Platform check in react native for status bar color
Javascript React
0 vote312 views2 answers
React firebase hooks
Javascript React
0 vote336 views1 answer
S3 private image getobject react js
Javascript React