/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 vote206 views1 answer
React-redux form preventdefault
Javascript React
1 vote213 views1 answer
How to paste in android emulator react nativ etext input
Javascript React
6 votes218 views1 answer
How to import dotenv in react
Javascript React
0 vote212 views2 answers
Jest simulate toggle switch react native
Javascript React
0 vote198 views1 answer
Input hook react
Javascript React
0 vote242 views1 answer
React html symbol code
Javascript React
2 votes244 views1 answer
React native open email client expo
Javascript React
0 vote215 views1 answer
Npm react native turn by turn navigation
Javascript React
0 vote216 views1 answer
How to hide footer in specefic pages in react router
Javascript React
1 vote200 views2 answers
Yarn react native cli
Javascript React