Stop Using {} In TypeScript

🌎 Find Me Here:

#Shorts

[DrowsyBoi]

Type-safe language programmers:

"Look what they need just to mimic a fraction of our power."

[abhayprince]

I name it key instead of index.
{ [key:string] : unknown }

[christianpuldon]

For a split second I read "Stop using TypeScript"

[nomadshiba]

also you can do `Record<PropertyKey, unknown>`
`PropertyKey` shorthand for `string | symbol | number`

[und]

you should mention the `object` (note lowercase) this is the most generic pure object you can specify, usually useful it you're extended a generic. function <T extends object>foo (bar: T) { return Object.keys(bar) }

[devperatetechno]

thanks kyle, keep with the snippets of TS

[andrewjarrett]

Record<string, unknown> won't exclude arrays though.

If you want to exclude arrays, you'll need to do `Record<symbol, unknown>`.

There are a few small corner cases where `Record<symbol, unknown>` is too strict, but those don't come up much in user-land.

[ffuego]

These shorts are awesome, goat js/ts content creator

[RonnieMcNutt_Mindblowing]

Me watching this even though I know nothing about coding: Very nice

[thefanboy]

The title made me think for a moment there was a trick in TS to get rid of the block scope delimiters "{" "}" lol

[darshitgajjar]

please make more and more shorts. I love your content

[rtpHarry]

Great shorts normally but I never bump into this issue, which is confusing as you say "by far the most common issue". If it's being passed like that its normally more defined like as an interface, or as you recommend a type. I never go near the Object type directly.

[bob_kazamakis]

{} is actually pretty powerful when you want to accept any value that isn’t undefined or null. It’s an any, but that any must exist

[smitxp]

BEWARE! Objects can ONLY HAVE STRINGS AS KEYS, so the types you specify here for keys are meaningless and can lead to very hard-to-find bugs. I wasted so many hours due to this. Just use Map<> instead

[travispulley]

Super helpful! Relaxes my brain to think of it this way

[youarethecssformyhtml]

Deno helped me a lot to learn TypeScript and avoid some bad practices such as this one

[dimarak]

One could just type it like this:
type Obj = {
name: string;
surname: string;
};

Record is only needed if you want to build a versatile function that handles different objects with the same structure or if you expect an object from an API f.ex. to change property names in the future

[AdamLeis]

I've been all up in Record<string, unknown> in the past months. It seems cleaner to my eyes for some reason than the key index approach (2nd version he showed).

[OliverEbsworth]

I use an Interface and mark each things as its type

instance objI {
name: string,
email: string,
image: string,
}

Is this wrong?

[j.r.r.tolkien]

More please. I'm transitioning to Typescript.