Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SFNode '20 - How to move your project to TypeScript

SFNode '20 - How to move your project to TypeScript

We've all been there. You are working on a feature or bug in JavaScript, think you finally got it, run the code and there it is, it basically screams at you: "undefined is not a function". I love JavaScript but as my codebases for projects grow, certain pains appear again and again.

In recent years TypeScript has gained popularity as a tool to avoid common pains when developing a growing web application.

However, what if you already have a large JavaScript application? Adding types and moving to a new language can be cumbersum and frustrating.

In this talk we'll go through ways how you can leverage the power of TypeScript without having to refactor your entire codebase and instead use features of TypeScript at your own pace. Slowly adding more features when YOU want to.

Dominik Kundel

January 09, 2020
Tweet

More Decks by Dominik Kundel

Other Decks in Programming

Transcript

  1. How to move your project to TypeScript SFNode January 2020

    Dominik Kundel d-k.im/ts-sfnode Dominik Kundel | @dkundel | @sfnode|
  2. Dominik Kundel | @dkundel | @sfnode| console.log(` Hi! I’m Dominik

    Kundel `); dkundel.com @dkundel [email protected] github/dkundel Developer Evangelist !&& JavaScript Hacker
  3. What is TypeScript? ▶ Superset of JavaScript ▶ Introduces static

    types to the language ▶ Provides a compiler & language service Dominik Kundel | @dkundel | @sfnode|
  4. Why TypeScript ▶ Safer code ▶ Better user/developer experience ▶

    Faster/easier refactoring Dominik Kundel | @dkundel | @sfnode|
  5. Example Webpack ▶ Webpack is written in JS and uses

    TypeScript ▶ github.com/webpack/webpack/ pull/6862 Dominik Kundel | @dkundel | @sfnode|