/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 votes379 views1 answer
React select with custom option
Javascript React
0 vote381 views1 answer
React js create element
Javascript React
1 vote381 views1 answer
Reactive localstorage in react
Javascript React
1 vote324 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
1 vote357 views4 answers
Passing data in route react
Javascript React
13 votes366 views1 answer
React post request
Javascript React
0 vote391 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
13 votes386 views1 answer
React js vs jsx
Javascript React
1 vote388 views1 answer
React setup for handling UI.
Javascript React
0 vote474 views1 answer
ScrollspyNav react
Javascript React