/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 vote179 views1 answer
Div onchange react
Javascript React
4 votes178 views2 answers
React input number
Javascript React
111 votes228 views6 answers
Install bootstrap in react
Javascript React
2 votes193 views1 answer
How to dynamically show image from local storage in react native
Javascript React
0 vote211 views1 answer
How to make a github api using react
Javascript React
0 vote253 views1 answer
Usb react native device not found
Javascript React
23 votes203 views6 answers
Map react
Javascript React
21 votes186 views3 answers
Map function in react
Javascript React
6 votes180 views1 answer
React native data map is not a function
Javascript React
5 votes198 views3 answers
Linear gradient react js
Javascript React