/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 vote142 views2 answers
React import image with url
Javascript React
23 votes168 views2 answers
Create-react-app npm yarn
Javascript React
0 vote143 views1 answer
Get status bar height react native
Javascript React
1 vote148 views5 answers
Enzyme adapter react 17
Javascript React
0 vote142 views1 answer
Edit json text react
Javascript React
0 vote129 views1 answer
Why doesn't'$' work in react
Javascript React
0 vote137 views1 answer
React Update a label when rate moves "quietly"
Javascript React
0 vote169 views1 answer
React bootstrap button
Javascript React
0 vote158 views1 answer
React native getting older version assets
Javascript React
0 vote149 views3 answers
React native navigation change header title
Javascript React