/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

0 vote139 views1 answer
What was the reaction of others bostonh tea party
Javascript React
4 votes140 views2 answers
React materilize
Javascript React
0 vote128 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote139 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
9 votes158 views3 answers
Disable yellow box react native
Javascript React
0 vote133 views2 answers
React native elements datepicker
Javascript React
0 vote79 views1 answer
Import button react-bootstrap
Javascript React
65 votes138 views6 answers
React routing
Javascript React
0 vote130 views1 answer
Nextjs react native web typescript
Javascript React
1 vote128 views3 answers
How to make sticky footer with react router
Javascript React