/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

4 votes383 views2 answers
How to use react-native-vector-icons
Javascript React
2 votes395 views1 answer
Scoll to top on each route react
Javascript React
0 vote413 views2 answers
Enzyme-adapter-react-16
Javascript React
0 vote370 views1 answer
React bootstrap button
Javascript React
0 vote392 views1 answer
Javascript array filter duplicates in react
Javascript React
38 votes370 views2 answers
How to comment out code in react js
Javascript React
0 vote413 views1 answer
React-hook-form image
Javascript React
10 votes419 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
1 vote356 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote383 views2 answers
React hook toggle state
Javascript React