/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 votes129 views1 answer
How to see if a web site is useing react
Javascript React
5 votes119 views2 answers
Update react version
Javascript React
0 vote148 views1 answer
React fontawesome exchange icon
Javascript React
0 vote134 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
133 votes309 views6 answers
Using bootstrap with react
Javascript React
0 vote130 views1 answer
React-native-safe-area-context
Javascript React
2 votes130 views1 answer
Emmet react self closing tags
Javascript React
1 vote128 views1 answer
Adding media queries in makeStyle material react
Javascript React
0 vote167 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
0 vote122 views2 answers
React foreach loop
Javascript React