Run Multiple React Apps in One Project at Same Time on Same Machine | Multiple ReactJS Apps

Can we run more than one reactJS apps at the same time on same machine? But why would you want to run multiple javascript apps on same machine? And what would restrict them to run in parallel? Apps use ports when they run on localhost. By default, a ReactJS app runs on port 3000.

I have two ReactJS apps or projects for this example that I am running in parallel at the same time at same machine. First project runs but second refuses to run while other was running. There are few ways you can run multiple javascript apps on same machine at same time.

By default, a ReactJS app runs on port 3000.
Express.js app also runs on the same port 3000.

If you were to run the two apps simultaneously, there would be conflicts. You need to change the port for one of apps. In ReactJS, the easiest way to alter the port number is by specifying PORT in .env file or in package.json file.

To change port number by using package.json file

Change start command like below:
"start": "set PORT=3001 && react-scripts start"

and by using .env file, create .env file in project root and specify PORT in it.
PORT=3001

Now both projects can run but at different ports.

Thank You!
? LIKE VIDEO
? SUBSCRIBE
? PRESS BELL ICON
✍️ COMMENT

Channel: https://www.youtube.com/webstylepress
Website: https://www.webstylepress.com
FaceBook: https://www.facebook.com/webstylepress
Twitter: https://twitter.com/webstylepress
GitHub: https://github.com/webstylepress
#js #javascript #react #reactjs #reactjstutorial #reactjsforbeginners #webstylepress #tutorials #webdevelopment