title: Dynamic configuration variables in Javascript / React
body: <p>I am writing a Client / Server application with the front end UI based in React. As a back-end Unix developer web technologies are not my forte so this is all new to me.</p>
  
  <p>I need to be able to configure the UI to point to the server's URL and also to set other preferences. The typical react approach seems to be to use .env environment variables. However, as per this link:
  <a href="https://daveceddia.com/multiple-environments-with-react/" rel="noreferrer">multiple-environments-with-react</a>
  'the “environment variables” will be baked in at build time'. This does not work for me as the application is an OEM offering to be sold to customers who would configure it themselves for their own environment. I do not know their server URLS at build time so I need a way that I can deliver the pre-built (minified / linted, etc) JS to them in a single archive and let them edit some sort of properties file to configure it for their needs. </p>
  
  <p>What would the general JavaScript / React best practice be for this sort of use case?</p>
  
  <p>Thanks,</p>
  
  <p>Troy</p>