/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

12 votes286 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote272 views1 answer
Npm auth0-react
Javascript React
1 vote314 views1 answer
How to add react icons using yarn
Javascript React
1 vote274 views1 answer
React material ui input max length
Javascript React
2 votes239 views5 answers
How to import in react js
Javascript React
0 vote253 views1 answer
React-timeago npm
Javascript React
0 vote269 views1 answer
Application/ld+json react
Javascript React
0 vote239 views1 answer
How to hide footer in specefic pages in react router
Javascript React
0 vote269 views1 answer
Install react-foundation library in react js
Javascript React
0 vote265 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React