/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 vote217 views1 answer
Cloudinary react
Javascript React
0 vote241 views1 answer
Style react native alert text
Javascript React
0 vote276 views1 answer
How to get key from a button in react
Javascript React
6 votes263 views2 answers
TextInput disable react native
Javascript React
0 vote243 views1 answer
React receiving socket muitple times
Javascript React
0 vote210 views1 answer
Find null/empty values in reactive form
Javascript React
0 vote281 views1 answer
React-native-checkbox in a loop
Javascript React
0 vote241 views1 answer
Select checkbox raitng in order javascript React
Javascript React
-1 vote243 views1 answer
React time picker
Javascript React
0 vote249 views1 answer
How to add base url as src in react native
Javascript React