/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

1 vote165 views2 answers
Reset form input react
Javascript React
0 vote160 views2 answers
React router dom v6
Javascript React
1 vote159 views1 answer
React native create view dynamically
Javascript React
0 vote146 views1 answer
Create app with a specific react version
Javascript React
111 votes185 views6 answers
Install bootstrap in react
Javascript React
0 vote163 views1 answer
React route send informaion in url
Javascript React
0 vote177 views3 answers
Flatlist react native keyextractor
Javascript React
0 vote147 views1 answer
Bottom tab navigator react native transparent
Javascript React
1 vote149 views1 answer
Font awesome react native icons
Javascript React
2 votes158 views1 answer
React-moralis
Javascript React