/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 vote195 views1 answer
Spotify player react
Javascript React
0 vote131 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React
1 vote141 views1 answer
Input type number react native
Javascript React
1 vote147 views1 answer
Slider on release call api react material ui
Javascript React
0 vote94 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
1 vote143 views1 answer
React native new project mac
Javascript React
0 vote145 views1 answer
Horizontal scrollview in react js
Javascript React
0 vote151 views1 answer
React js and graphql integration
Javascript React
4 votes163 views1 answer
How to use font awewsome in react app
Javascript React
0 vote155 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React