/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 vote105 views1 answer
Lite youtube embed react
Javascript React
0 vote100 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
1 vote107 views1 answer
Typing refs react
Javascript React
0 vote104 views1 answer
Route with parameter react not working not found
Javascript React
0 vote104 views1 answer
React native communicate with webview
Javascript React
1 vote100 views1 answer
React eslint prettier
Javascript React
0 vote153 views1 answer
Angular reactive form remove validation
Javascript React
24 votes105 views3 answers
Set port in react app
Javascript React
-1 vote104 views1 answer
Timestamp to unix time react
Javascript React
16 votes95 views2 answers
Render text in for loop react in function
Javascript React