/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 vote256 views1 answer
Android resource linking failed react native image crop picker
Javascript React
0 vote197 views1 answer
Connect react native app to local api macos
Javascript React
0 vote209 views1 answer
How to show content-type:image/jpg in react
Javascript React
0 vote157 views3 answers
Flash effect in react native
Javascript React
0 vote270 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
1 vote246 views1 answer
Textinput onpress react native
Javascript React
0 vote260 views1 answer
React implicit return
Javascript React
0 vote208 views1 answer
How to add alternate image in img tag in react
Javascript React
4 votes319 views3 answers
React native keystore
Javascript React
4 votes201 views2 answers
Countdown in react js
Javascript React