/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 vote204 views1 answer
Add sass autoprefixer to react
Javascript React
1 vote212 views2 answers
Hide react source
Javascript React
0 vote209 views1 answer
Background image in react from variable
Javascript React
5 votes213 views2 answers
Remove underline from link i react
Javascript React
0 vote185 views1 answer
React deployment pipeline
Javascript React
0 vote190 views1 answer
React sub count
Javascript React
0 vote193 views1 answer
Global keyboard shortcuts react
Javascript React
0 vote177 views1 answer
React index.js file
Javascript React
9 votes179 views2 answers
React select options
Javascript React
1 vote193 views1 answer
React native generate stylesheet with function
Javascript React