Work About Team Blog Tutorials FAQ
Book a discovery call → Chat on WhatsApp

Home / Blog / React & Frontend / Useful Tips for Web Dev - Part1

javascriptwebdevproductivitytooling

Useful Tips for Web Dev - Part1

💡
Cross-posted content: This article is also published on Dev.to. View original on Dev.to ↗

A lot of time there are some problems which we face occasionally but the time when that occasion become too often it becomes frustrating to keep searching those occasional problem here and there on stack overflow or documentation of the libraries. So I’m starting this series of Problems and Solutions to have my those problems all curated at one place. Let’s see how it goes. Some of these problems took me to get through a lot of stack overflow answers to find the right one. I wish it saves someone’s time.

1. How to change port for NPM start? or Node JS change server port?

SET PORT=8080 && npm start //windows
export PORT=4000 && npm start //MAC

2. How to find difference between 2 dates in days?

Let’s say we have two dates, your date of birth and today’s date and you want to find the difference between them in days. It’s something I feel someone will someday definitely need to use. So here’s the way to do it.

3. Some Quick Generic Web-Developer Friendly Shortcuts

  • Clear Console logs - developer tools (ctrl+l)
  • Close Tabs - (ctrl+w)
  • Duplicate a Tab - (ctrl+shift+k)
  • Open recently closed tabs - (ctrl+shift+t)
  • Hard Reload - (ctrl+shift+r)

4. NVM- Node Version Manager ( Windows)

If you’re a JS developer then you have had or will at later point in time face the need to change the node version installed in your system because the project doesn’t supports the latest. Here NVM - Node Version Manager comes to your rescue.

It allows you to have multiple Node Versions installed and toggle between them. NVM-windows

5. Copy as CURL

When you’re frontend developer you often need to integrate APIs. And a lot of time there might be issues which you would’ve have to communicate to the backend developer who will be needing things like the payload and header you sent with the api to** check** you passed everything correctly. Instead, what you can do is send the CURL url to your backend developer which he can import in his API test tool like POSTMAN to check it.

These are few for now and I’ll keep coming with more soon. Till then fast solving😁.


Originally published at Klickspell Engineering

Full-Stack Web Engineering

Need technical precision for your web stack?
Architected for performance & scale.

From modern headless commerce to enterprise infrastructure and clean frontend state systems, Klickspell delivers senior engineering craft without agency bloat.

Book Free Technical Call → Explore Headless Engineering ↗

Keep Reading

Related Engineering Articles

javascriptwebdev

Const doesn't prevent immutability

What is a variable? In programming, a variable is a name given to a location in the...

2 min read Read →
reactjavascript

React Interview - (Part 3)

So welcome🙂 again to another part of React Interview series. So we’re finally now into part-3. Before...

1 min read Read →

Technical Blog

Explore all 50+ engineering tutorials

All Articles ↗

Looking for custom
Shopify engineering craft?

Let's build
your store right.

Book a free 30-minute call. We'll talk through your store goals, timeline, and budget.

Free 30-min call · Discuss scope & budget

Book your free call → Chat on WhatsApp

The craft in every click.