Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

⚛️ 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)

George Moller

118,727 subscribers

29,524 Aufrufe • vor 1 Jahr •via X (Twitter)

Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

5 Kommentare

Profilbild von George Moller

George Mollervor 1 Jahr

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 ↓

Profilbild von Andre de Waard

Andre de Waardvor 1 Jahr

We don’t need this since TS 5.5 right?

Profilbild von Prasenjit

Prasenjitvor 1 Jahr

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

Profilbild von Pavel Romanov

Pavel Romanovvor 1 Jahr

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?

Profilbild von Davide Briano

Davide Brianovor 1 Jahr

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

Ähnliche 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:

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,672 Aufrufe • vor 2 Jahren

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:

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,418 Aufrufe • vor 3 Jahren

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.

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 Aufrufe • vor 2 Jahren

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!

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,555 Aufrufe • vor 1 Jahr

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*

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 💫

34,464 Aufrufe • vor 8 Monaten

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.

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,446 Aufrufe • vor 1 Jahr

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:

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 Aufrufe • vor 1 Monat

How to use SketchUp to create a stone railing along a curved balcony. I hope this tutorial is useful and helpful for you

How to use SketchUp to create a stone railing along a curved balcony. I hope this tutorial is useful and helpful for you

Qiandra

17,049 Aufrufe • vor 10 Monaten

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) 🧵

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,963 Aufrufe • vor 2 Jahren

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! 🎙️

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,094 Aufrufe • vor 21 Tagen

💾 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?

💾 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,538 Aufrufe • vor 3 Monaten

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.

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 Aufrufe • vor 10 Tagen

📒 ICYMI: you can now use the Google Gemini to create Google Slides from a URL, a PDF document, an outline, a brief description, or more. All you have to do is select "Canvas", type "Please create a slide deck about..." and add the topic, then wait and export to Slides:

📒 ICYMI: you can now use the Google Gemini to create Google Slides from a URL, a PDF document, an outline, a brief description, or more. All you have to do is select "Canvas", type "Please create a slide deck about..." and add the topic, then wait and export to Slides:

👩‍💻 Paige Bailey

23,262 Aufrufe • vor 7 Monaten

🚨 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. ''

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,714 Aufrufe • vor 8 Monaten

5. Organize with Tags and Set Reminders • Type a hashtag (#) in your note to create a tag. • When it turns yellow, the tag is active. • Go to Folders and swipe down to see all your tags in one place.

5. Organize with Tags and Set Reminders • Type a hashtag (#) in your note to create a tag. • When it turns yellow, the tag is active. • Go to Folders and swipe down to see all your tags in one place.

Jennifer Hall

657,738 Aufrufe • vor 1 Jahr

One of the reasons Dia is difficult to explain is because the most useful use cases are so specifically personal to you. When you find your moments with Dia, you can never go back to a traditional browser. This is how I use Dia to help myself outfit and engineer my ships in the game Elite Dangerous.

One of the reasons Dia is difficult to explain is because the most useful use cases are so specifically personal to you. When you find your moments with Dia, you can never go back to a traditional browser. This is how I use Dia to help myself outfit and engineer my ships in the game Elite Dangerous.

Charlie Deets

37,406 Aufrufe • vor 1 Jahr

MacFarlane: The politics of this are just terrible. It's a ballroom. You think of the monopoly man with the top hat and the monocle, or some type of use of taxpayer money that's not wise and judicious when we're all paying $6 for a box of cereal. This is not the time to be spending this type of money on a project that's called a ballroom.

MacFarlane: The politics of this are just terrible. It's a ballroom. You think of the monopoly man with the top hat and the monocle, or some type of use of taxpayer money that's not wise and judicious when we're all paying $6 for a box of cereal. This is not the time to be spending this type of money on a project that's called a ballroom.

Acyn

46,271 Aufrufe • vor 1 Monat

How do you learn to trust AI? When it works even in a noisy environment. This is Typeless. Faster than typing. And you don’t need to turn down the music to use it.

How do you learn to trust AI? When it works even in a noisy environment. This is Typeless. Faster than typing. And you don’t need to turn down the music to use it.

Robert Scoble

32,478 Aufrufe • vor 3 Monaten

It’s pretty cool to see how many Red Sox fans have Alex Verdugo as one of their favorite players. When you play with this type of energy in Boston, it’s bound to happen. Just need him to take another step in 2023.

It’s pretty cool to see how many Red Sox fans have Alex Verdugo as one of their favorite players. When you play with this type of energy in Boston, it’s bound to happen. Just need him to take another step in 2023.

Tyler Milliken

206,828 Aufrufe • vor 3 Jahren