Pass data from node to React

Question

I have a node/React set up like

client
    React app here
fonts
node_modules
index.js
package-lock.json
package.json

In my index.js I'm using the npm package fontkit to get info about a font installed in the fonts folder

const fontkit = require('fontkit');
const font = fontkit.openSync('./fonts/OpenSans-Bold.ttf');
const fontFeatures = font.availableFeatures

console.log(fontFeatures)

This returns the a list of the Opentype features like:

[ 'lnum',
  'onum',
  'pnum',
  'liga',
  'salt',
  'ss01',
  'ss02',
  'ss03',
  'tnum',
  'kern' ]

I'd like to be able to use this array in the React app

How can I access the array created in node from the React app

Gabor Szekely · Accepted Answer · 2019-10-14 15:31:41Z

1

The easiest way to do this would be to expose an API endpoint that you can call to get this information. So for example, if your React app makes an HTTP request to http://myapp.com/fonts/info, your API could programmatically fetch the font information and return it to the client.

Another option would be to do server-side rendering of your front-end code, in which case you could directly pass the info through a templating engine such as Handlebars or Mustache.

answered Oct 14, 2019 at 15:31

Gabor Szekely

1,2588 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Pass data from node to React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related