/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

1 vote179 views1 answer
Vim react snippets
Javascript React
0 vote182 views1 answer
React.js file extension
Javascript React
0 vote170 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote163 views1 answer
Calculations inside a render function react js
Javascript React
0 vote179 views1 answer
Unrecognized font family 'feather' react native
Javascript React
1 vote156 views1 answer
Reactjs compile subdomine
Javascript React
15 votes169 views8 answers
React bootstrap
Javascript React
3 votes168 views2 answers
React native width auto
Javascript React
0 vote192 views1 answer
Use this in a react js component
Javascript React
1 vote118 views1 answer
React native network request failed fetch
Javascript React