Sharing Constant Variables between Node and React

Question

Is it possible to share constants between react and node - I am running node and react concurrently? For example, I have some constants I've defined on the client side using export const that could be useful to have on the server side, but node gives me an error when I try to const {x} = require('./constants'); because it can't import correctly. Has anyone run into this problem and found a solution?

React Constants:

// constants.js
export const X = 'x';
export const Y = 'y';
export const Z = 'z';

// App.js
import {x, y, z} from './constants';

Node Constants:

// constants_node.js
module.exports.username = 'foo_user';
module.exports.id = 10;

// server.js
const {username, id} = require('./constants_node');

Rishi Raj · Accepted Answer · 2018-03-29 00:15:24Z

0

If you are using the same node environment to serve your ReactJS components you can probably use environment variables for this purpose.

You can use a .env file and import it as process.env.VARIABLE_NAME where you want to use it.

Maybe this question - Pass or use process.env variable from node to reactjs can answer your question.

answered Mar 29, 2018 at 0:15

Rishi Raj

4224 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

hotshotiguana Over a year ago

Interesting. I would love to be able to understand what's going on with my problem as well and not have to rework much of my project. Great to know when starting a new project though.

krishnaacharyaa · Accepted Answer · 2022-10-30 03:10:28Z

0

In the latest version of react and node.js it is possible by using module.exports,

react version = "^18.2.0", and express version = "^4.18.2",

Defining

constants.js ( directory in the frontend, here react )

const var_1 = "variable_1";
const var_2 = "variable_2";

module.exports = {var_1, var_2 };

Accessing

Component.js (frontend, here react)

import { var_1, var_2 } from "./constants"

Model.js (backend, here nodejs)

import { var_1, var_2 } = require ("../../app/src/constants")

answered Oct 30, 2022 at 3:10

krishnaacharyaa

26.1k9 gold badges102 silver badges138 bronze badges

Comments

1192805 · Accepted Answer · 2019-04-20 14:27:08Z

-1

My project is setup as follows:

Node is in project/ dir.

React is in project/src/ dir.

To share consts across both apps, I define them in project/src/consts/Consts.js and can be imported into either app like so:

import Consts from '../src/consts/Consts.js' // node
import Consts from '../consts/Consts.js' // react

answered Apr 20, 2019 at 14:27

1192805

1,1263 gold badges14 silver badges31 bronze badges

Collectives™ on Stack Overflow

Sharing Constant Variables between Node and React

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related