/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 vote313 views1 answer
OnClick={ (window.open react js
Javascript React
4 votes399 views2 answers
Linking in react native
Javascript React
0 vote322 views1 answer
Pagination hook react
Javascript React
1 vote315 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
0 vote327 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote334 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
2 votes349 views2 answers
How to change react icon color
Javascript React
0 vote318 views1 answer
Inline style to change background color react
Javascript React
0 vote333 views1 answer
Why does my react project dosent have any class
Javascript React
31 votes321 views1 answer
React router dom npm
Javascript React