How to build expressjs, reacjs running on electronjs

Viewed 1591

So, i tried to make Electron app to run Express as the server and React as client. My step is basic one i think, first i generate electron with electron boilerplate and then inside the project that got generated, i generate express into server folder using boilerplate also, and inside the same electron project folder i generate react with create-react-app into client folder.

Here is my project folder structure:

project folder structure

client folder from create-react-app, server folder from express boilerplate.

In development i run express at port 30001 and react at port 3000. And using this script to run them :

"start": "concurrently \"cd ./server && cross-env PORT=3001 npm start\" \"cd ./client && cross-env BROWSER=none npm start\" \"wait-on http://localhost:3000 && electron .\"",

But, from this point i don't know a slight clue of how to build this.

Note: I have tried another react-electron boilerplate, and some just too much for me or some can't import node modules directly to reactjs i don't know why. I am using expressjs as bridge between my react and node modules. Any insight on better implementation would be greatly appreciated.

0 Answers
Related