/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 vote188 views2 answers
Why navlink in react router always active
Javascript React
0 vote229 views1 answer
Popup react now ui
Javascript React
0 vote191 views2 answers
How to render a component multiple times in react
Javascript React
0 vote208 views1 answer
Generate ios build react native
Javascript React
2 votes190 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote278 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
0 vote139 views1 answer
Create react app ssl
Javascript React
7 votes201 views3 answers
Conditional style react
Javascript React
0 vote215 views1 answer
React js input autocomplete off
Javascript React
0 vote216 views1 answer
Decet wheter react app in development or production
Javascript React