Loading video...

Video Failed to Load

Go Home

Here's two TypeScript tips rolled into one: 1. TypeScript magic is everywhere, even in Node's built-in types 2. I bet you didn't know this was legal TS: error: [message: string]

mattpocockuk's profile picture

Matt Pocock

277,268 subscribers

80,986 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Matt Pocock's profile picture
Matt Pocock1 year ago

My course is 30% off right now!

vaibhav - oss/acc's profile picture
vaibhav - oss/acc1 year ago

wait this was so easy!!. 2yrs ago i use to copy over this to every project

Corey Ward's profile picture
Corey Ward1 year ago

I did not know that you could name the items in a tuple type. Gonna go fix some that I have that are less than clear right now!

Matt Pocock's profile picture
Matt Pocock1 year ago

Great for things like: type Position = [x: number, y: number, z?: number]

Nathan🔶Tarbert's profile picture
Nathan🔶Tarbert1 year ago

That error type trick is defs something I would've never guessed, Matt's got all the good stuff lol

Artem Zakharchenko's profile picture
Artem Zakharchenko1 year ago

This has to be new! Nice to see this. Alas, no strongly-typed events for EventTarget in lib.dom. That's why I built Rettime ( That and also a bunch of other reasons.

Twilight's profile picture
Twilight1 year ago

How strange, I just discovered this yesterday accidentally 😂😂

Raman Paulau's profile picture
Raman Paulau1 year ago

Vue uses this exact pattern for component defineEmits.

millcake's profile picture
millcake1 year ago

Bruh... U trying to sell ur course talking about basic things Rly?

DJ Molehill's profile picture
DJ Molehill1 year ago

TypeScript out here making tuples feel like dark arts. 🧙‍♂️🌀

Related Videos

I wrote a 2D game, entirely in type-level Typescript. Yes, you read that right. This is flappy bird, written only in Typescript types. How did I do it? It involves a lot of type magic, and a new type-level Typescript runtime I made in Rust + Zig. Let me walk you through it:
0:23

I wrote a 2D game, entirely in type-level Typescript. Yes, you read that right. This is flappy bird, written only in Typescript types. How did I do it? It involves a lot of type magic, and a new type-level Typescript runtime I made in Rust + Zig. Let me walk you through it:

zack

625,414 views • 2 years ago

TypeScript types can be intimidating to read. My solution? Break it into pieces. This is a preview of my upcoming new course, "TypeScript: Deep Dive". Publishing in May!
2:03

TypeScript types can be intimidating to read. My solution? Break it into pieces. This is a preview of my upcoming new course, "TypeScript: Deep Dive". Publishing in May!

Cory House

13,699 views • 1 year ago

There's no divide between TypeScript and JavaScript. TypeScript loves JavaScript. Want to use JSDoc in JavaScript? TypeScript will help you out. Want to write ZERO types? TypeScript will still try its best to help. Here's me, Anders Hejlsberg and Ryan Cavanaugh 👉 searyanc.dev on bsky to explain.
2:09

There's no divide between TypeScript and JavaScript. TypeScript loves JavaScript. Want to use JSDoc in JavaScript? TypeScript will help you out. Want to write ZERO types? TypeScript will still try its best to help. Here's me, Anders Hejlsberg and Ryan Cavanaugh 👉 searyanc.dev on bsky to explain.

Matt Pocock

51,991 views • 2 years ago

Do you know about ReturnType in TypeScript? What about Awaited or Parameters? Utility types can unlock a lot of power to keep your code type safe, even when your npm packages aren't perfect More magic you can do with utility types in my latest article:
2:50

Do you know about ReturnType in TypeScript? What about Awaited or Parameters? Utility types can unlock a lot of power to keep your code type safe, even when your npm packages aren't perfect More magic you can do with utility types in my latest article:

Steve (Builder.io)

268,398 views • 3 years ago

⚛️ How to use conditional types in TypeScript and React ↓
1:26

⚛️ How to use conditional types in TypeScript and React ↓

George Moller

42,383 views • 1 year ago

I bet your grandma doesn't even know this one! ( Life tips for You)
2:15

I bet your grandma doesn't even know this one! ( Life tips for You)

Fit_Fusion

2,769,946 views • 7 months ago

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓
0:32

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

57,741 views • 2 years ago

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓
0:32

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

89,528 views • 1 year ago

In TypeScript, interfaces and types are often interchangeable. But these are 6 features that only work with a type alias. Clip from "TypeScript: Getting Started" on Dometrain
1:19

In TypeScript, interfaces and types are often interchangeable. But these are 6 features that only work with a type alias. Clip from "TypeScript: Getting Started" on Dometrain

Cory House

56,121 views • 1 year ago

Hono RPC client using pre-compiled TypeScript types(.d.ts) is fast! This video is 1x speed.
0:23

Hono RPC client using pre-compiled TypeScript types(.d.ts) is fast! This video is 1x speed.

Yusuke Wada

35,196 views • 1 year ago

In TypeScript, there are at least 4 ways to implement immutability. Here's how I choose between them.
1:56

In TypeScript, there are at least 4 ways to implement immutability. Here's how I choose between them.

Cory House

13,590 views • 1 year ago

Finger Painting Tips I bet you didn't know!👇💯
1:16

Finger Painting Tips I bet you didn't know!👇💯

Eco tonic | wellness 🌿

10,342 views • 1 year ago

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.
1:23

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.

Matt Pocock

46,888 views • 3 years ago

🔥 Here's what the new TypeScript 4.9 `Satisfies` Operator is for
1:55

🔥 Here's what the new TypeScript 4.9 `Satisfies` Operator is for

Wes Bos

75,884 views • 3 years ago

Some VINTAGE TypeScript magic. Here's how to create a type-safe version of Object.assign, with an arbitrary number of objects.
3:32

Some VINTAGE TypeScript magic. Here's how to create a type-safe version of Object.assign, with an arbitrary number of objects.

Matt Pocock

38,013 views • 1 year ago

GraphQL to TypeScript type, no code gen. Written purely in TypeScript type. With Prisma-like query syntax fully type-safe. Should cover almost all of the GraphQL specs, now. Here's a demo.
1:45

GraphQL to TypeScript type, no code gen. Written purely in TypeScript type. With Prisma-like query syntax fully type-safe. Should cover almost all of the GraphQL specs, now. Here's a demo.

SaltyAom

100,697 views • 2 years ago

🚀My Skims clone/remake e-commerce site! Built with Next.js, TypeScript, Sanity cms, Tailwind, shadcn, Clerk for auth, and Paystack for payments. filter and sort functionalities. Check it out and let me know what you think! #nextjs #typescript
2:20

🚀My Skims clone/remake e-commerce site! Built with Next.js, TypeScript, Sanity cms, Tailwind, shadcn, Clerk for auth, and Paystack for payments. filter and sort functionalities. Check it out and let me know what you think! #nextjs #typescript

Big E

33,207 views • 1 year ago

TWO HUGE THINGS 1) Did you know you can Shade your Coverage in 2 Different Directions in College Football 25, on Defense? 2) Did you know there's a way to shade just ONE PLAYER at a time? This video breaks down two HUGE tips, that not many people know! Hope this is cool!
3:34

TWO HUGE THINGS 1) Did you know you can Shade your Coverage in 2 Different Directions in College Football 25, on Defense? 2) Did you know there's a way to shade just ONE PLAYER at a time? This video breaks down two HUGE tips, that not many people know! Hope this is cool!

Civ

44,301 views • 1 year ago

Visual Types, a humble collection of semi-interactive TypeScript lessons, is ready to be clicked upon. ← 👀
0:33

Visual Types, a humble collection of semi-interactive TypeScript lessons, is ready to be clicked upon. ← 👀

Kit Langton

155,134 views • 6 months ago