/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 vote301 views1 answer
React js how to do array range
Javascript React
1 vote348 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote290 views1 answer
Make input fixed position reactjs
Javascript React
0 vote299 views1 answer
Card react native
Javascript React
0 vote283 views1 answer
React native jest snapshot
Javascript React
-1 vote287 views1 answer
New Map() collection in react state
Javascript React
0 vote297 views1 answer
React bootstrap navbar align right buttons
Javascript React
0 vote313 views1 answer
React native getting older version assets
Javascript React
1 vote325 views5 answers
Enzyme adapter react 17
Javascript React
0 vote236 views1 answer
React native rebuild
Javascript React