/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

18 votes170 views6 answers
Add svg in react
Javascript React
0 vote193 views1 answer
Switch button react value
Javascript React
0 vote176 views1 answer
React children map
Javascript React
0 vote219 views1 answer
Navigate between files in react js
Javascript React
0 vote190 views1 answer
Resellerclub api with react js
Javascript React
0 vote178 views2 answers
React display base64 image
Javascript React
0 vote173 views1 answer
Flatlist footer react native
Javascript React
1 vote191 views2 answers
Edit todo list react-redux
Javascript React
0 vote211 views1 answer
How to use rgba in react native
Javascript React
5 votes199 views1 answer
How to create component in reactjs
Javascript React