/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

85 votes279 views6 answers
Redirect react router
Javascript React
1 vote320 views1 answer
Rendering, reconciliation, committing in react
Javascript React
1 vote357 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote312 views2 answers
React show view based on role permission
Javascript React
0 vote341 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
1 vote318 views1 answer
Expo update react native
Javascript React
0 vote292 views1 answer
Remove unused dependencies in React Ask Question
Javascript React
8 votes314 views2 answers
React native italic text
Javascript React
0 vote376 views1 answer
React native tab.screen hide title
Javascript React
3 votes312 views1 answer
React arrays
Javascript React