Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

_georgemoller's profile picture

George Moller

118,775 subscribers

42,404 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiSağlık & İyilikEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

6 Yorum

George Moller profil fotoğrafı
George Moller2 yıl önce

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 ↓

David GG profil fotoğrafı
David GG2 yıl önce

I understand that this is a simplification, but my first choice would have been to create 3 methods. Plus, I’m not entirely convinced about having to specify the type as an argument, which could be avoided with function overloading.

Enrique Moreno profil fotoğrafı
Enrique Moreno2 yıl önce

Typescript syntax gives me eye cancer

George Moller profil fotoğrafı
George Moller2 yıl önce

🤣 it’s verbose for sure

Kosta Stratis profil fotoğrafı
Kosta Stratis2 yıl önce

Is type coersion really necessary when using conditional types?

حودة profil fotoğrafı
حودة2 yıl önce

ارهقتنا معك يا رجل

Benzer Videolar

⚛️ 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,750 görüntüleme • 2 yıl önce

⚛️ 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,542 görüntüleme • 1 yıl önce

⚛️ How to use discriminated unions in TypeScript to represent mutually exclusive states in React↓
1:09

⚛️ How to use discriminated unions in TypeScript to represent mutually exclusive states in React↓

George Moller

28,214 görüntüleme • 2 yıl önce

⚛️ How to type generic components in React with TypeScript ↓
0:23

⚛️ How to type generic components in React with TypeScript ↓

George Moller

94,061 görüntüleme • 2 yıl önce

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓
0:24

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓

George Moller

50,215 görüntüleme • 2 yıl önce

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓
0:51

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓

George Moller

77,699 görüntüleme • 2 yıl önce

⚛️ 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)
1:07

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

29,524 görüntüleme • 2 yıl önce

⚛️ 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 görüntüleme • 2 yıl önce

⚛️ How to structure and organize a React application ( ) ↓
1:13

⚛️ How to structure and organize a React application ( ) ↓

George Moller

342,550 görüntüleme • 3 yıl önce

⚛️ How to make context scoped query hooks in React ↓
0:40

⚛️ How to make context scoped query hooks in React ↓

George Moller

34,497 görüntüleme • 2 yıl önce

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

52,002 görüntüleme • 3 yıl önce

⚛️ How I like to name React components ↓
0:44

⚛️ How I like to name React components ↓

George Moller

39,506 görüntüleme • 1 yıl önce

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.
0:40

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

George Moller

301,147 görüntüleme • 3 yıl önce

⚛️ If you want cleaner event handlers in your jsx in React you can use currying ↓
0:30

⚛️ If you want cleaner event handlers in your jsx in React you can use currying ↓

George Moller

142,620 görüntüleme • 3 yıl önce

⚛️ How to structure a React project that scales: app/ → pages/ → features/ → shared/
0:30

⚛️ How to structure a React project that scales: app/ → pages/ → features/ → shared/

George Moller

43,256 görüntüleme • 8 ay önce

⚛️ React Tip: I f you want easily shareable URLs, use the useQueryParams hook. ↓
0:32

⚛️ React Tip: I f you want easily shareable URLs, use the useQueryParams hook. ↓

George Moller

84,777 görüntüleme • 3 yıl önce

Animated 3D bot avatars, inspired by Grok Bot 18 types, ready to use for React, React Native and SwiftUI, no threejs or webGPU, zero dep.
0:26

Animated 3D bot avatars, inspired by Grok Bot 18 types, ready to use for React, React Native and SwiftUI, no threejs or webGPU, zero dep.

Jakub Antalik

32,726 görüntüleme • 27 gün önce

This is how simple, SimpleDex is to use. 👉 Developed by protonnz ⚛️ on the ⚛️ XPR Network
3:37

This is how simple, SimpleDex is to use. 👉 Developed by protonnz ⚛️ on the ⚛️ XPR Network

Echo 𝕏

11,138 görüntüleme • 6 ay önce

We ran Claude code in a while loop and it ported Browser Use to Typescript
1:54

We ran Claude code in a while loop and it ported Browser Use to Typescript

Simon Farshid

93,683 görüntüleme • 1 yıl önce