/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 vote145 views1 answer
Convert nuber into string react js
Javascript React
1 vote150 views1 answer
React check if string is mail
Javascript React
4 votes146 views3 answers
Get params in react router dom v6
Javascript React
0 vote215 views1 answer
Uuid react native expo
Javascript React
0 vote193 views1 answer
Angular reactive form remove validation
Javascript React
6 votes141 views2 answers
React in jquery
Javascript React
14 votes137 views2 answers
Adding border in react native
Javascript React
12 votes297 views1 answer
React chrome extension
Javascript React
0 vote158 views2 answers
Why navlink in react router always active
Javascript React
8 votes150 views2 answers
React native italic text
Javascript React