/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

40 votes393 views5 answers
Fetch react
Javascript React
-1 vote391 views1 answer
Flatlist react native horizontal
Javascript React
0 vote373 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote379 views1 answer
React Native Segmented Control Tab
Javascript React
2 votes465 views1 answer
React native open email client
Javascript React
0 vote406 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote462 views1 answer
Install react loading spinner
Javascript React
1 vote424 views2 answers
Switch in react
Javascript React
0 vote399 views3 answers
React native version
Javascript React
0 vote396 views1 answer
Show and hide div based on radio button click react
Javascript React