Live Reload TypeScript + NodeJS development flow // 2 minute tip

In this tutorial, we will look at how you can setup a super smooth and simple development workflow where you can just make changes to your TypeScript code and have it live-compile and live-reloaded without having to manually rebuild and restart your server 🌹

#basarat #TypeScript #NodeJS #Tutorial #TSNode #nodemon #Javascript

👇 ❤️ Subscribe for MOORE ❤️ 👇

**Feel Free To Read This Lot**

I'm Basarat, and I love helping developers. More about me:

Microsoft MVP for TypeScript
200K contributions on Stackoverflow. Top Contributor for TypeScript.
Book Author: Beginning NodeJS
Book Author: TypeScript Deep Dive
Creator of multiple hot ✨ed Github Open Source projects

[lyricsmint]

I'm working with TS in production for past 2 years, and still watch every tip of yours and do comment on them..;


Apart from beginner level stuff, please do content of advance level TS.; project structures.; Re usable code patterns; generic functions; clean code and other stuff.!

[senthilmurugangsm]

Thanks. Nice tip. But if i want to use .env using node --env-file instead of dotenv package, how to live reload with typescript files.

[xoldyckk]

ts-node + nodemon vs ts-node-dev? What's the difference? Which do you prefer?

[vivekreddy]

Its throwing me this error when I try it - ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"

[weixiaolisa]

How about built-in watch mode "tsc --watch & node --watch lib/index.js" without the need for the two more modules?

[shubhampatil]

This will not work when using esm modules.

[misterlinuxfriendly]

Good tip. You can do similarly for your frontend builds as well. Maybe if you don't have a video showing that you could make one next? I'm always mystified by bundlers, especially webpack, but the video could also show workflows for others as well such as rollup, parcel, Vite, and whatever else JavaScript land is using these days...

[jakeycakester]

if only life were as simple as you claim.
Unknown file extension ".ts" for C:\my-project\src\index.ts