Typescript

Today, after waiting for an album review to load, I built something small: my own take on the Pitchfork aggregate review loading experience. ...

Today I learned what tsc --watch is really for. You put it into your package.json as a script. // package.json { "scripts": { "watch": "tsc --watch" } } ...

This Summer I wrote a number of blog posts for my TypeNotes project. Here are a few things I learned about TypeScript that were worth revisiting. ...

We can save all evaluated commands from our TSX REPL session to a file: $ npx tsx > const name: number = "Jake" undefined > .save output.ts Session saved to: output.ts ...

Today I discovered tsx, a REPL that evaluates TypeScript. You can run it with npx: npx tsx And it evaluates TypeScript. > const onClick = (input: number):void => input + 1 undefined > onClick(1) 2 ...

For the golfers out there, we can combine these two lines into one: const items = await getCollection(); return items.sort(); This doesn’t work because sort() is being called on the promise returned by getCollection(): return await getCollection().sort(); // `sort()` runs on the Promise Instead, wrap the await expression in parentheses so sort() is called on the resolved value: return (await getCollection()).sort(); // `sort()` runs on the resolved array Promise documentation - MDN

JSDoc has a @deprecated tag that you can use in TypeScript, too. Here’s an example. ...

If you’ve been writing TypeScript for a while, you might have written code like this: // utils.ts export type Color = 'red' | 'blue' | 'green'; // app.tsx import {Color} from './utils'; As of TypeScript 3.8, there’s a better way to import! // app.tsx import type {Color} from './utils'; ...

Watch and re-transpile any TypeScript file with: tsc file.ts --watch ...

I’ve added TypeScript to several projects I’ve worked on. In this post, I’d like to discuss why I think TypeScript is essential and document my expectations around it. ...