/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 vote331 views1 answer
Scroll to a input on button click react native
Javascript React
0 vote137 views1 answer
React router dom default params
Javascript React
0 vote144 views1 answer
How to clear form fields in react after submit
Javascript React
1 vote137 views1 answer
React native header
Javascript React
0 vote136 views1 answer
React locomotive-scroll
Javascript React
6 votes145 views3 answers
React native vector icons not showing
Javascript React
0 vote142 views1 answer
React native gridient button
Javascript React
8 votes150 views3 answers
React Lazy()
Javascript React
3 votes143 views1 answer
React router Link does work
Javascript React
0 vote137 views1 answer
React hooks link to external site new tab
Javascript React