Hello! On this article, I want to share what I have found on changing ports in React. In Express, its easy to declare any port number by assigning it to a constant variable:
<h3 id="heading-in-expressjs">In ExpressJS:</h3>
<pre><code>import express from 'express';

const app = express();
const PORT = &lt;any number&gt;;
</code></pre><h3 id="heading-in-react">In React:</h3>
<ul>
<li>Go to <code>package.json</code> file.</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1609946749989/7YKMVO02B.png" alt="image.png" />
<ul>
<li>Under <code>scripts</code> line, modify the command on <code>start</code> and save (<code>Ctrl+S</code>).</li>
</ul>
<pre><code>"scripts": {
 "start": "set PORT=8000 &amp;&amp; react-scripts start",
 "build": "react-scripts build"
}
</code></pre><ul>
<li>After modifying <code>start</code>, go to Terminal (<code>Ctrl+~</code>) --&gt; <code>npm start</code> --&gt; hit <code>Enter</code> (if your app is in another folder, type in <code>cd &lt;folder name&gt;</code>, hit <code>Enter</code> then type in <code>npm start</code> --&gt; hit <code>Enter</code>).</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1609947376539/yFW2OM-4h.png" alt="image.png" />
<ul>
<li>When viewed in browser, it will now look like this:</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1609947665997/BvnLS5y3d.png" alt="image.png" />
Aaaaaand that's it! 😄

Hello! On this article, I want to share what I have found on changing ports in React. In Express, its easy to declare any port number by assigning it to a constant variable:

### In ExpressJS:
```
import express from 'express';

const app = express();
const PORT = <any number>;
``` 

### In React:

- Go to ```package.json``` file.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1609946749989/7YKMVO02B.png)

- Under ```scripts``` line, modify the command on ```start``` and save (```Ctrl+S```).

```
"scripts": {
 "start": "set PORT=8000 && react-scripts start",
 "build": "react-scripts build"
}
```

- After modifying ```start```, go to Terminal (```Ctrl+~```) --> ```npm start``` --> hit ```Enter``` (if your app is in another folder, type in ```cd <folder name>```, hit ```Enter``` then type in ```npm start``` --> hit ```Enter```).

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1609947376539/yFW2OM-4h.png)

- When viewed in browser, it will now look like this:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1609947665997/BvnLS5y3d.png)

Aaaaaand that's it! 😄

React: Change my port!

In ExpressJS:

In React: