/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

4 votes233 views1 answer
React router external link
Javascript React
0 vote237 views1 answer
How to install yup in react native
Javascript React
0 vote246 views2 answers
React arrow function component
Javascript React
0 vote238 views1 answer
Reading state react
Javascript React
1 vote247 views1 answer
React redux actions must be plain objects
Javascript React
0 vote232 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React
1 vote266 views1 answer
Image touchable opacity react native
Javascript React
0 vote264 views1 answer
React-native-bouncy-checkbox
Javascript React
-1 vote196 views1 answer
React localstorage remove item
Javascript React
1 vote235 views1 answer
React native remove text from string
Javascript React