/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

15 votes337 views3 answers
Loop over a nerber in react
Javascript React
0 vote348 views1 answer
Input type disappear side scroll react
Javascript React
0 vote325 views1 answer
How to link to a different component in reactjs without react router
Javascript React
0 vote345 views3 answers
React-router-dom status code 301
Javascript React
0 vote340 views1 answer
React google login button size increase
Javascript React
2 votes405 views1 answer
React router 6 navigate
Javascript React
0 vote333 views1 answer
React native section list sort by alphabet
Javascript React
0 vote345 views1 answer
React native svg size
Javascript React
1 vote320 views1 answer
Strings compare react
Javascript React
3 votes363 views3 answers
Multiple styles in react native
Javascript React