React command on yarn start and also init server with same command

Question

I'm trying to attach another command to yarn start. I'm not sure if it is possible but when I run command yarn start I want my react app to start and I also want to fire up my server at the same time.

What I do know is use 2 terminals one with react app directory and call on yarn start

C:\Users\ivanr\Documents\GitHub\bees\business-scheduler>

and one with server directory (which is inside react app directory) and call on node src/index.js

C:\Users\ivanr\Documents\GitHub\bees\business-scheduler\server>

  "scripts": {
    "start": "react-scripts start", // is it possible that I can say in server directory run node src/index.js here?
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

gzcz · Accepted Answer · 2020-06-12 14:40:08Z

4

You can use concurrently

First install it

$ npm install concurrently

Then use it in your command

"scripts": {
  "start": "concurrently \"yarn start-client\" \"yarn start-server\"",
  "start-client": "react-scripts start",
  "start-server": "cd .\server && node src/index.js"
}

answered Jun 12, 2020 at 14:40

gzcz

5263 silver badges7 bronze badges

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

1 Comment

imkeVr Over a year ago

Thank you this was exactly the kind of structure I was looking for but didn't find

Rahul Chandwani · Accepted Answer · 2020-06-12 15:27:57Z

0

You can use npm-run-all

"scripts": {
    "clean": "rimraf dist",
    "lint":  "eslint src",
    "build": "babel src -o lib"
}

npm-run-all clean lint build

answered Jun 12, 2020 at 15:27

Rahul Chandwani

6112 bronze badges

Collectives™ on Stack Overflow

React command on yarn start and also init server with same command

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related