npm start in React

Question

how can I start both this only by typing npm start?

"scripts"{
    "server": "json-server --watch appointmentList.json",
    "start": "react-scripts start",
}

what i've been doing was running each of them in different terminal

Does this answer your question? [How can I run multiple npm scripts in parallel?](https://stackoverflow.com/questions/30950032/how-can-i-run-multiple-npm-scripts-in-parallel) — Emile Bergeron, Dec 10 '19 at 01:57

score 5 · Answer 1 · answered Dec 10 '19 at 01:50

5

you can install concurrently to run the scripts in parallel, like this:

{
  "dev": "concurrently \"npm run server\" \"npm start\""
}

answered Dec 10 '19 at 01:50

kenmistry

1,728
1
13
23

no problem. would be glad if you can accept it as an answer for posterity sake. – kenmistry Dec 16 '19 at 03:26

score 2 · Answer 2 · answered Dec 10 '19 at 01:53

In short, you can append the desired commands to the start script:

"scripts": { 
    "server": "json-server --watch appointmentList.json", 
    "start": "json-server --watch appointmentList.json && react-scripts start"
}

and call it with $npm run start or $npm start

pritam · Answer 3 · 2019-12-10T02:40:14.017

1

You could use '&&' like:

{
    "server": "json-server --watch appointmentList.json", 
    "start": "npm run server && react-scripts start"
}

edited Dec 10 '19 at 02:40

answered Dec 10 '19 at 01:56

pritam

2,247
1
19
28

i tried this before but its not working. my server server runs in 3000, and my react app runs at 3001. so Im doing it on different terminal – AdmiralCharl Dec 15 '19 at 19:38

npm start in React

3 Answers3