Загрузка видео...

Не удалось загрузить видео

На главную

⚛️ How to use TypeScript type predicates in React to create a more robust, type-safe, and maintainable component. (this pattern is particularly useful when dealing with discriminated unions or when you need to narrow types based on runtime checks)

_georgemoller's profile picture

George Moller

118,727 subscribers

29,524 просмотров • 2 лет назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 5

Фото профиля George Moller
George Moller2 лет назад

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics and 70+ video tutorials just like this one. Check them out ↓

Фото профиля Andre de Waard
Andre de Waard2 лет назад

We don’t need this since TS 5.5 right?

Фото профиля Prasenjit
Prasenjit2 лет назад

Thank you for the check, it's going to be useful.

Фото профиля Pavel Romanov
Pavel Romanov2 лет назад

Strange, I've just tested it in TS playground and stackblitz React playground and it narrows the type correctly (with the latest TS version). Maybe it is a problem of some older TS version or less strict TS complier config?

Фото профиля Davide Briano
Davide Briano2 лет назад

This is automatically narrowed with the latest TS version now 👌🏻

Похожие видео

⚛️ Do you know how and when to use flushSync in React?
0:32

⚛️ Do you know how and when to use flushSync in React?

George Moller

63,984 просмотров • 2 лет назад

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,868 просмотров • 3 лет назад

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,458 просмотров • 3 лет назад

Did you know TypeScript <Generics> don't always need to be explicitly set? You can infer their types by the type of data being passed! Super powerful approach when writing library or util code.
1:20

Did you know TypeScript <Generics> don't always need to be explicitly set? You can infer their types by the type of data being passed! Super powerful approach when writing library or util code.

Wes Bos

57,847 просмотров • 3 лет назад

They don't even need to print money anymore, they just type numbers on a screen to create most of it. How are you okay with that when you have none?
0:39

They don't even need to print money anymore, they just type numbers on a screen to create most of it. How are you okay with that when you have none?

Andrew Tate

283,631 просмотров • 2 лет назад

Big news: Upstash Redis Search is now generally available! 🎉 ◆ Superfast™ full-text search built in Rust ◆ Clean & 100% type-safe TypeScript APIs ◆ Works with any Upstash Redis database Add fast search to React, Next.js and more 👇
1:00

Big news: Upstash Redis Search is now generally available! 🎉 ◆ Superfast™ full-text search built in Rust ◆ Clean & 100% type-safe TypeScript APIs ◆ Works with any Upstash Redis database Add fast search to React, Next.js and more 👇

Upstash

36,357 просмотров • 3 месяцев назад

Cline now uses Anthropic's new "Computer Use" feature to launch a browser, click, type, and scroll. This gives him more autonomy in runtime debugging, end-to-end testing, and even general web use!
2:53

Cline now uses Anthropic's new "Computer Use" feature to launch a browser, click, type, and scroll. This gives him more autonomy in runtime debugging, end-to-end testing, and even general web use!

Saoud Rizwan

66,657 просмотров • 2 лет назад

Sehun suddenly asked Yijin's blood type and Jongin said Sehun doesn't believe in MBTIs at all but is obsessed with blood types 😭 🐥: What is Yijin's blood type? 👤: *flustered*... why? 🧸: He's obsessed with blood types! He doesn't even believe in MBTIs, he believes in blood types! 👤: Which blood type do you think is the best? 🐥: Either type O or type A 🧸: Do you know why? Because he's type O, so he thinks type O is the best! 👤: Try guessing Yijin's blood type! 🐥: I asked because i think he's either type O or type A! 🧸🍼: *busy playing on their own* 🐥: *still trying to guess Yijin's blood type*
0:32

Sehun suddenly asked Yijin's blood type and Jongin said Sehun doesn't believe in MBTIs at all but is obsessed with blood types 😭 🐥: What is Yijin's blood type? 👤: *flustered*... why? 🧸: He's obsessed with blood types! He doesn't even believe in MBTIs, he believes in blood types! 👤: Which blood type do you think is the best? 🐥: Either type O or type A 🧸: Do you know why? Because he's type O, so he thinks type O is the best! 👤: Try guessing Yijin's blood type! 🐥: I asked because i think he's either type O or type A! 🧸🍼: *busy playing on their own* 🐥: *still trying to guess Yijin's blood type*

큥베리 | Grace 💫

35,108 просмотров • 11 месяцев назад

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.
6:08

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Evan Boyle

14,496 просмотров • 1 год назад

Stop grouping your Unity Addressables by asset type! 🛑 For peak performance, organize your assets based on when they’re needed at runtime. In this quick tip, you’ll learn how to optimize your asset management workflow. 🔗 Watch the full tutorial:
1:00

Stop grouping your Unity Addressables by asset type! 🛑 For peak performance, organize your assets based on when they’re needed at runtime. In this quick tip, you’ll learn how to optimize your asset management workflow. 🔗 Watch the full tutorial:

Unity for Games

16,019 просмотров • 4 месяцев назад

I think I figured out how to create responsive type scales with composable CSS utilities, thet lets you scale linearly between exact pixel values (this is important if you want to align exactly with a type scale, rather than just scale type on a case-by-case basis) 🧵
0:22

I think I figured out how to create responsive type scales with composable CSS utilities, thet lets you scale linearly between exact pixel values (this is important if you want to align exactly with a type scale, rather than just scale type on a case-by-case basis) 🧵

Tobias Ahlin

20,984 просмотров • 3 лет назад

This is the type of video you see when China plays a crucial role in Africa and the West begins to push propaganda like this one. We need to know the game by now.
2:52

This is the type of video you see when China plays a crucial role in Africa and the West begins to push propaganda like this one. We need to know the game by now.

Typical African

23,000 просмотров • 2 месяцев назад

Do you type or speak faster? I can type pretty fast, but find that using my voice to prompt helps me create more detailed prompts. Here's how you can use your voice in the GitHub Copilot App - works really well! 🎙️
2:35

Do you type or speak faster? I can type pretty fast, but find that using my voice to prompt helps me create more detailed prompts. Here's how you can use your voice in the GitHub Copilot App - works really well! 🎙️

Dan Wahlin

21,476 просмотров • 3 месяцев назад

This is all you need to do when dealing with a foreigner. Staunchly admit to your racism and tell them to get the fuck out of our country.
1:16

This is all you need to do when dealing with a foreigner. Staunchly admit to your racism and tell them to get the fuck out of our country.

pozgaylia_

14,976 просмотров • 3 месяцев назад

💾 Made a DOS-style text-based user interface (TUI) today First app I made is Notepad (or should it be called EDIT.EXE?) and you can type in it and it has a localStorage-based file system with folders and everything! I wanted to create a BIOS for but it became this :D I really like these TUI interfaces, sometimes you still see them in shops or supermarkets when you pay Maybe I should make a whole SaaS biz with this interface?
0:46

💾 Made a DOS-style text-based user interface (TUI) today First app I made is Notepad (or should it be called EDIT.EXE?) and you can type in it and it has a localStorage-based file system with folders and everything! I wanted to create a BIOS for but it became this :D I really like these TUI interfaces, sometimes you still see them in shops or supermarkets when you pay Maybe I should make a whole SaaS biz with this interface?

@levelsio

135,821 просмотров • 6 месяцев назад

Not another Jev. TypeLLM adds type-safe generation to LLMs — more types (string, number, boolean, enum), vision, dependent fields and thinking. Playground is open to all with $5 credit. API is rolling out to early-access users in the coming days.
1:04

Not another Jev. TypeLLM adds type-safe generation to LLMs — more types (string, number, boolean, enum), vision, dependent fields and thinking. Playground is open to all with $5 credit. API is rolling out to early-access users in the coming days.

TypeLLM

164,920 просмотров • 22 дней назад

A chain trencher cuts with a digging chain or belt that is driven around a rounded metal frame, or boom. It resembles a giant chainsaw. This type of trencher can cut ground that is too hard to cut with a bucket-type excavator, and can also cut narrow and deep trenches.
0:24

A chain trencher cuts with a digging chain or belt that is driven around a rounded metal frame, or boom. It resembles a giant chainsaw. This type of trencher can cut ground that is too hard to cut with a bucket-type excavator, and can also cut narrow and deep trenches.

HOW THINGS WORK

1,332,477 просмотров • 2 лет назад

🚨 Pokimane Asked Nina Lin What Is Her "type" Of Men - Pokimane Kept Nodding And Agreed With Her 💀💀 '' My type is the obeying type. I need obeying. I need you to listen. Not too much talking. Shut up when you need to. Mind your own business. Make sure my business is running good. If I need assistance in anything, you have to drop everything and help me. Your wallet is my wallet. My wallet is my wallet. ''
1:10

Sensitive content

🚨 Pokimane Asked Nina Lin What Is Her "type" Of Men - Pokimane Kept Nodding And Agreed With Her 💀💀 '' My type is the obeying type. I need obeying. I need you to listen. Not too much talking. Shut up when you need to. Mind your own business. Make sure my business is running good. If I need assistance in anything, you have to drop everything and help me. Your wallet is my wallet. My wallet is my wallet. ''

Nolimitzor

640,926 просмотров • 11 месяцев назад

if PlaqueBoyMax or any other streamer is pushing any type of “agenda” on you nigga you don’t need to be on this earth with us normal people
1:02

if PlaqueBoyMax or any other streamer is pushing any type of “agenda” on you nigga you don’t need to be on this earth with us normal people

oso

52,687 просмотров • 3 месяцев назад