Phil Nash
4 Steps from JavaScript to TypeScript
#1about 4 minutes
Evaluating the pros and cons of TypeScript adoption
Consider the benefits of type safety and improved tooling against the costs of a learning curve and build overhead before migrating a project.
#2about 3 minutes
Step 1: Enable TypeScript type checking for JavaScript files
Use editor settings like `checkJs` or a `// @ts-check` comment to get immediate type feedback on your JavaScript code without any build changes.
#3about 5 minutes
Step 2: Introduce the TypeScript compiler with a minimal setup
Add TypeScript as a dependency and configure `tsconfig.json` with non-strict settings like `allowJs` to compile existing JavaScript without errors.
#4about 3 minutes
Step 3: Enable build-time type checking for JavaScript files
Activate `checkJs` in your `tsconfig.json` to enforce type safety during the build and install necessary `@types` packages for dependencies.
#5about 4 minutes
Leverage JS Doc for type safety in JavaScript
Add types to your JavaScript project using JS Doc comments, allowing TypeScript to provide strong typing without converting files to `.ts`.
#6about 5 minutes
Step 4: Incrementally convert JavaScript files to TypeScript
Gradually rename `.js` files to `.ts` one at a time, updating syntax from CommonJS to ES Modules and adding explicit types as you go.
#7about 2 minutes
Recap of the four-step JavaScript to TypeScript migration
Review the complete migration path, from enabling editor checks and introducing the compiler to incrementally converting files and adding types.
#8about 2 minutes
How to convince your team to adopt TypeScript
Demonstrate the value of TypeScript by enabling `checkJs` on an existing project to reveal hidden type-related issues as a practical proof point.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
32:12 MIN
Strategies for migrating large codebases to TypeScript
WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more
15:04 MIN
Using JSDoc to get TypeScript benefits without TypeScript
Do TypeScript without TypeScript
00:51 MIN
Understanding TypeScript's origins and role in scalability
All you need is types
22:24 MIN
Why TypeScript is essential for building large applications
Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned
09:46 MIN
Exploring the key benefits of adopting TypeScript
Do TypeScript without TypeScript
42:53 MIN
Deciding when to use or avoid TypeScript in Vue
Vuejs and TypeScript- Working Together like Peanut Butter and Jelly
27:56 MIN
Final takeaways for building modern TypeScript applications
End-to-End TypeScript: Completing the Modern Development Stack
00:57 MIN
Understanding the power and popularity of TypeScript
End-to-End TypeScript: Completing the Modern Development Stack
Featured Partners
Related Videos
43:27Do TypeScript without TypeScript
Simone Sanfratello
37:18Building software that scales with Typescript
Tal Joffe
29:44Don't compromise on speedy delivery nor type-safety by choosing TypeScript
Jens Claes
48:56All you need is types
Tal Joffe
31:13Lies we Tell Ourselves As Developers
Stefan Baumgartner
28:44Advanced Typing in TypeScript
Lars Hupel
29:30Where we're going we don't need JavaScript - Programming with Type Annotations
Peter Kröner
28:20Svelte ♥ TypeScript and so will you
Ivan Hofer
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Senior Frontend Developer - Typescript / Svelte - (f/m/x)
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
Senior Fullstack TypeScript Developer (m/w/d)
Schulz.codes GmbH
Darmstadt, Germany
Intermediate
Senior
React
JavaScript
TypeScript
Senior Full-Stack TypeScript Engineer (React, Node, TypeScript, AWS)
Provectus
Remote
GIT
JSON
Docker
Node.js
+5
Frontend-Entwicklung mit Schwerpunkt TypeScript / JavaScript
Projektron GmbH
Remote
Intermediate
Gradle
WebPack
Jenkins
TypeScript
+1