How to send data from server-side (Express.js) to client-side (React.js)?

Mit

With Express.js, I'am sending a html file containing a React component within.

app.get('/index', function(req, res) {

      res.sendFile(path.join(__dirname + '/src/index.html'));
  });

For the purposes, let's assume I want to send a unique variable with my html file to every user connecting to localhost:80/index.

How can I send the vatiable from the server-side and how can I retrieve it from the client side ?

MayorMonty

You have several options here.

  1. Use WebSockets. If you need many, many variables, or they need to be updated live, look at WebSockets; a good library for this is Socket.IO
  2. Specify Some Endpoint to Pass Data. Perhaps /api/enviroment, or something, and make this request as soon as you can. This has the advantage of being able to specify more client side information in your request
  3. Use Cookies. This is what they were made for (document.cookie is your friend)

There are some other methods, but I think that these are the best

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

get values from client side to server side (node.js + express.js)

From Dev

Get variable on client-side from the server-side (express.js, node.js)

From Dev

Get variable on client-side from the server-side (express.js, node.js)

From Dev

How to send Spark Streaming data from a server side to a client with Websockets?

From Dev

Send gridview data from client side to server side at once

From Dev

React JS : Migrate from server rendering to pure client side

From Dev

How to pass client-side parameters to the server-side in Angular/Node.js/Express

From Dev

How to force refresh client js from server side?

From Dev

Calling a client side function from server side in node.js

From Dev

Pass data from client side to server side

From Dev

Pass data from client side to server side

From Dev

Socket server on client side js?

From Dev

Socket server on client side js?

From Dev

Access server variable in client side (node.js + express)

From Dev

Routes on server & client side - React.js & Node.js

From Dev

Unable to send file data to nodejs server from client side

From Dev

How to send events to client side via node js

From Dev

Client side data to server side

From Dev

In Node.js how to send message to client side from a handler/callback method

From Dev

Facebook React.js :: Pass data for Client Side rendering

From Dev

How to pass back some text from client side to server side using Express 4.0?

From Dev

How to pass back some text from client side to server side using Express 4.0?

From Dev

How to call a server side function from client side (e.g. html button onclick) in Node.js?

From Dev

How to call a server side function from client side (e.g. html button onclick) in Node.js?

From Dev

How to send the data from server to client in node.js

From Dev

How to send password securely from client side?

From Dev

Encrypt client-side / Decrypt server-side JS - PHP

From Dev

How to print a JSON object array in Handlebars (client side), that is sent from Node JS server?

From Dev

AES 256 on the client side (JS) and in the server (PHP)

Related Related

  1. 1

    get values from client side to server side (node.js + express.js)

  2. 2

    Get variable on client-side from the server-side (express.js, node.js)

  3. 3

    Get variable on client-side from the server-side (express.js, node.js)

  4. 4

    How to send Spark Streaming data from a server side to a client with Websockets?

  5. 5

    Send gridview data from client side to server side at once

  6. 6

    React JS : Migrate from server rendering to pure client side

  7. 7

    How to pass client-side parameters to the server-side in Angular/Node.js/Express

  8. 8

    How to force refresh client js from server side?

  9. 9

    Calling a client side function from server side in node.js

  10. 10

    Pass data from client side to server side

  11. 11

    Pass data from client side to server side

  12. 12

    Socket server on client side js?

  13. 13

    Socket server on client side js?

  14. 14

    Access server variable in client side (node.js + express)

  15. 15

    Routes on server & client side - React.js & Node.js

  16. 16

    Unable to send file data to nodejs server from client side

  17. 17

    How to send events to client side via node js

  18. 18

    Client side data to server side

  19. 19

    In Node.js how to send message to client side from a handler/callback method

  20. 20

    Facebook React.js :: Pass data for Client Side rendering

  21. 21

    How to pass back some text from client side to server side using Express 4.0?

  22. 22

    How to pass back some text from client side to server side using Express 4.0?

  23. 23

    How to call a server side function from client side (e.g. html button onclick) in Node.js?

  24. 24

    How to call a server side function from client side (e.g. html button onclick) in Node.js?

  25. 25

    How to send the data from server to client in node.js

  26. 26

    How to send password securely from client side?

  27. 27

    Encrypt client-side / Decrypt server-side JS - PHP

  28. 28

    How to print a JSON object array in Handlebars (client side), that is sent from Node JS server?

  29. 29

    AES 256 on the client side (JS) and in the server (PHP)

HotTag

Archive