/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

18 votes213 views6 answers
React-native make android apk
Javascript React
1 vote177 views1 answer
Table reactstrap
Javascript React
6 votes233 views1 answer
React dictionary key value avec 2 variable
Javascript React
4 votes232 views2 answers
How to use react-native-vector-icons
Javascript React
108 votes345 views2 answers
React start new app
Javascript React
0 vote203 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote328 views1 answer
React big calendar messages
Javascript React
1 vote228 views1 answer
Reactjs cloudflare
Javascript React
2 votes240 views3 answers
React reset file input
Javascript React
0 vote191 views1 answer
How to empty input field in react
Javascript React