/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 vote151 views1 answer
How to convert timestamp to date in react native
Javascript React
2 votes149 views2 answers
Await in react in function component
Javascript React
36 votes145 views2 answers
Ref hook in react
Javascript React
2 votes147 views1 answer
Import React, { memo } from 'react';
Javascript React
6 votes176 views4 answers
Autocomplete react vscode
Javascript React
0 vote153 views1 answer
How to insalk react router with npm
Javascript React
-1 vote198 views1 answer
Spotify player react
Javascript React
0 vote145 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
0 vote152 views1 answer
React native button top right
Javascript React
0 vote152 views1 answer
Fcctest cdn reactjs setup
Javascript React