/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

21 votes317 views4 answers
React memo
Javascript React
0 vote317 views2 answers
Datepicker react native
Javascript React
0 vote368 views1 answer
Get data from mulitple query parameters react
Javascript React
0 vote389 views1 answer
Appregistry react native
Javascript React
0 vote385 views1 answer
React native intro slider
Javascript React
6 votes373 views2 answers
React native password field
Javascript React
0 vote314 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote332 views1 answer
React conditional if localhost
Javascript React
2 votes358 views2 answers
React get url querystring
Javascript React
0 vote350 views1 answer
TextField input font color React Material UI
Javascript React