/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

2 votes304 views1 answer
React select with custom option
Javascript React
1 vote254 views1 answer
Ctx in react
Javascript React
0 vote318 views1 answer
Node closes once you open app react-native
Javascript React
13 votes292 views3 answers
ImageBackground in React Native
Javascript React
-2 votes277 views5 answers
React cheat sheet
Javascript React
1 vote288 views1 answer
How to remove name in react navigation header
Javascript React
0 vote305 views1 answer
Divide string in lines react native max width
Javascript React
0 vote298 views1 answer
Get status bar height react native
Javascript React
142 votes422 views6 answers
Create-react-app
Javascript React
13 votes267 views10 answers
React navigation
Javascript React