Migrating a Legacy JavaScript Codebase to TypeScript - JSJ 680

Migrating a Legacy JavaScript Codebase to TypeScript - JSJ 680

In this episode, Dan and I (Steve) dove deep into what turned out to be a surprisingly complex, yet incredibly insightful topic: gradually migrating a massive legacy JavaScript project over to TypeScript. We're talking about nearly 1,000 JS files, 70,000+ lines of code, and years of developer history—all transitioning carefully to a typed, modern future.

Dan walked us through how he started by setting up the project for success before converting even one file—getting CI/CD ready, setting up tsconfig.json, sorting out test dependencies, dealing with mock leaks, and even grappling with quirks between VS Code and WebStorm debugging.

We talked tools (like TS-ESLint, concurrently, and ts-node), why strict typing actually uncovered real bugs (and made the code better!), and why it’s crucial not to touch any .js files until your TypeScript setup is rock solid.

Key Takeaways:
  • Gradual migration is 100% possible—and often better—than ripping the bandaid off.
  • TypeScript can and will catch bugs hiding in your JavaScript. Be prepared!
  • Use VS Code extensions or TS-Node to support your devs’ tooling preferences.
  • Don't underestimate the setup phase—it’s the foundation of long-term success.
  • Start small: Dan's team converted just one file at first to test the whole pipeline.
If you’re sitting on a legacy JS project and dreaming of TypeScript, this episode is your blueprint—and your warning sign.

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Avsnitt(737)

073 JSJ React with Pete Hunt and Jordan Walke

073 JSJ React with Pete Hunt and Jordan Walke

PanelPete Hunt (twitter github blog) Jordan Walke (twitter github) Joe Eames (twitter github blog) AJ O’Neal (twitter github blog) Jamison Dance (twitter github blog) Merrick Christensen (twitter gith...

30 Aug 201356min

072 JSJ Screencasts

072 JSJ Screencasts

PanelJamison Dance (twitter github blog) Joe Eames (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:31 - Screencasting ExperiencePluralsight: Angula...

23 Aug 201349min

071 JSJ JavaScript Strategies at Microsoft with Scott Hanselman

071 JSJ JavaScript Strategies at Microsoft with Scott Hanselman

PanelScott Hanselman (twitter github blog) Joe Eames (twitter github blog) Aaron Frost (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:14 - Scott H...

16 Aug 201357min

070 JSJ Book Club: JavaScript Allongé with Reginald Braithwaite

070 JSJ Book Club: JavaScript Allongé with Reginald Braithwaite

PanelReginald Braithwaite (twitter github blog) Jamison Dance (twitter github blog) Joe Eames (twitter github blog) AJ O’Neal (twitter github blog) Merrick Christensen (twitter github) Charles Max Woo...

9 Aug 20131h 6min

069 JSJ The Application Cache with Jake Archibald

069 JSJ The Application Cache with Jake Archibald

PanelJake Archibald (twitter github blog) Jamison Dance (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:14 - Jake Archibald IntroductionWorks on De...

2 Aug 201351min

068 JSJ ES6 with Aaron Frost

068 JSJ ES6 with Aaron Frost

PanelAaron Frost (twitter github blog) Merrick Christensen (twitter github) Joe Eames (twitter github blog) Jamison Dance (twitter github blog) Discussion 01:36 - Aaron Frost IntroductionWeb Developer...

26 Juli 201347min

067 JSJ Testem with Toby Ho

067 JSJ Testem with Toby Ho

PanelToby Ho (twitter github blog) Joe Eames (twitter github blog) Aaron Frost (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 00:53 - Aaron Frost Int...

19 Juli 201348min

066 JSJ Transitioning to JavaScript

066 JSJ Transitioning to JavaScript

PanelJoe Eames (twitter github blog) Merrick Christensen (twitter github) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:10 - Making the transition from one primary lan...

5 Juli 201340min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-jossan-nina
uppgang-och-fall
rss-inga-dumma-fragor-om-pengar
rss-borsens-finest
avanzapodden
svd-tech-brief
rss-kort-lang-analyspodden-fran-di
bathina-en-podcast
fill-or-kill
montrosepodden
24fragor
borsmorgon
dynastin
rss-dagen-med-di
market-makers
tabberaset
kapitalet-en-podd-om-ekonomi