How to use variables obtained from Node.js in React?

Question

Node.js

Well, specifically - how to use variables in JSX, how is it done, for example, in EJS <%=user%>?

Answer 1

If you are using webpack you can use webpackDefinePlugin
For example:

new webpack.DefinePlugin({
      'ENV_API_ROOT_V1': JSON.stringify(process.env.ENV_API_ROOT_V1),
      'HTTP_PROTOCOL': JSON.stringify(process.env.HTTP_PROTOCOL),
      'WS_PROTOCOL': JSON.stringify(process.env.WS_PROTOCOL),
    }),

starting your build will look something like this:
in this case, variables will be available to you in the files: ENV_API_ROOT_V1, HTTP_PROTOCOL, WS_PROTOCOL

Answer 2

You can add them to the global window object, or create a json object in the template and parse it or get it via Ajax

Answer 3

https://www.npmjs.com/package/babel-plugin-transfo...