/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

13 votes122 views3 answers
ImageBackground in React Native
Javascript React
0 vote127 views3 answers
Flatlist react native keyextractor
Javascript React
3 votes123 views1 answer
React router yarn
Javascript React
1 vote129 views1 answer
React vscode stop auto close tag
Javascript React
2 votes110 views1 answer
Upload image in firebase storage react web
Javascript React
0 vote130 views1 answer
Make forn awesome icon clickable in react
Javascript React
0 vote132 views1 answer
Angular reactive form remove validation
Javascript React
0 vote127 views1 answer
Import tippy react
Javascript React
0 vote83 views1 answer
React node github project
Javascript React
0 vote137 views2 answers
Remove state from location on page load in react router dom
Javascript React