/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 votes186 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote214 views2 answers
Veu js vs angular vs react features
Javascript React
5 votes201 views2 answers
What hostings can run react js
Javascript React
1 vote213 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
1 vote205 views1 answer
Import json file in react native
Javascript React
0 vote204 views1 answer
React call component state
Javascript React
1 vote194 views1 answer
React native environment variables
Javascript React
0 vote196 views1 answer
Bottom tab navigator react native transparent
Javascript React
0 vote226 views1 answer
React native Setting a timer for a long period of time
Javascript React
1 vote202 views1 answer
Functional component how to add to existing array react
Javascript React