/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 vote255 views1 answer
React navbar material ui
Javascript React
1 vote248 views1 answer
Textinput onpress react native
Javascript React
1 vote250 views1 answer
React check if string is mail
Javascript React
0 vote263 views1 answer
React antd form disable submit button
Javascript React
0 vote243 views1 answer
Background image in react from variable
Javascript React
32 votes247 views1 answer
Install react router in react app
Javascript React
1 vote260 views1 answer
React stripe npm
Javascript React
1 vote243 views2 answers
How to prevent render in react
Javascript React
0 vote201 views2 answers
Install react webpack
Javascript React
0 vote244 views1 answer
Webpack react proxy not working
Javascript React