/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 vote364 views2 answers
React display base64 image
Javascript React
0 vote420 views1 answer
Chinese icon in react native vector icons
Javascript React
0 vote449 views1 answer
Modal in react
Javascript React
0 vote440 views1 answer
How to load a javascript game from react
Javascript React
0 vote370 views1 answer
React router native back button
Javascript React
1 vote374 views1 answer
How to get the value of textarea in react
Javascript React
1 vote444 views1 answer
React native get mac address
Javascript React
0 vote381 views1 answer
Testing library react hooks
Javascript React
1 vote385 views2 answers
Toast in react native
Javascript React
0 vote367 views2 answers
React router dom v6
Javascript React