/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

0 vote229 views2 answers
Toggle classname onclick react
Javascript React
15 votes253 views2 answers
Expo react navigation
Javascript React
6 votes260 views2 answers
Export default function react
Javascript React
1 vote275 views2 answers
React alert popup
Javascript React
-1 vote241 views1 answer
Use inline and other styles react native
Javascript React
0 vote240 views1 answer
Displaying the date react
Javascript React
0 vote260 views1 answer
Basic react code
Javascript React
1 vote267 views4 answers
React native debug apk
Javascript React
1 vote255 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote261 views1 answer
Route guards in react
Javascript React