/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

6 votes210 views2 answers
React native disable the text input
Javascript React
1 vote221 views5 answers
React datepicker
Javascript React
0 vote278 views2 answers
React native how to delete android build
Javascript React
8 votes224 views2 answers
React on link click scroll to top
Javascript React
0 vote237 views1 answer
How to add icon in react js
Javascript React
0 vote229 views1 answer
Navigation scroll react
Javascript React
0 vote277 views1 answer
React router native back button
Javascript React
1 vote219 views1 answer
Rich editor react
Javascript React
0 vote213 views1 answer
Open sans font react js
Javascript React
0 vote232 views1 answer
How To Set Opacity of a View In React Native
Javascript React