/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

2 votes228 views2 answers
Easiest way to show current date in react
Javascript React
0 vote265 views2 answers
Why navlink in react router always active
Javascript React
1 vote159 views1 answer
How to change the value of state in react
Javascript React
0 vote222 views1 answer
React Update a label when rate moves "quietly"
Javascript React
0 vote213 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
15 votes236 views3 answers
Image source react native
Javascript React
1 vote219 views1 answer
How to get the value of textarea in react
Javascript React
0 vote210 views1 answer
How to remove an object from array in react native
Javascript React
4 votes235 views3 answers
React native keystore
Javascript React
2 votes232 views2 answers
React native dimensions window vs screen
Javascript React