TypeScript: Running TypeScript code

Now let’s try running this code.

I’ll use Bun, which has built-in support for TypeScript.

Write this in a test.ts file:

const multiply = (a: number, b: number): number => {
  return a * b
}

console.log(multiply(4, 2))

Run bun test.js and you’ll see the output 8 in the terminal:

What if we had a type error in our code?

Bun will happily run the code, as if it was JavaScript.

This is because Bun does not type check before execution.

To do that, we must use the TypeScript compiler.

Install typescript in the project:

bun i -D typescript

Then run

bun tsc test.ts

tsc is the TypeScript compiler.

It’s up to you now to go and fix the problem, and recompile:

The compilation created a corresponding .js file that is the compiled JavaScript that browsers will be able to understand:

Lessons in this unit:

0: Introduction
1: Your first TypeScript program
2: Types
3: Typing functions
4: The editor helps you with type errors
5: ▶︎ Running TypeScript code
6: Valid types
7: Type aliases and interfaces
8: Union types
9: Typing arrays with generics
10: The DX of editing TypeScript
11: There's more...
12: tsconfig.json COMING SOON
13: Installing types COMING SOON
Are you intimidated by Git? Can’t figure out merge vs rebase? Are you afraid of screwing up something any time you have to do something in Git? Do you rely on ChatGPT or random people’s answer on StackOverflow to fix your problems? Your coworkers are tired of explaining Git to you all the time? Git is something we all need to use, but few of us really master it. I created this course to improve your Git (and GitHub) knowledge at a radical level. Launching May 21, 2024. Join the waiting list!