/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

2 votes405 views1 answer
React concatenate string and component
Javascript React
23 votes378 views5 answers
USE ICONS IN REACT
Javascript React
8 votes347 views3 answers
Disable eslint for react project
Javascript React
1 vote356 views1 answer
How to change the tab text in React
Javascript React
0 vote348 views1 answer
Retore react app
Javascript React
0 vote328 views1 answer
Strike react native
Javascript React
0 vote335 views1 answer
How to draw a long underline in react native
Javascript React
0 vote362 views1 answer
Tailwind intenseness react
Javascript React
24 votes358 views5 answers
How to change port in react js
Javascript React
0 vote391 views1 answer
Ngif react
Javascript React