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

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

На главную

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

_georgemoller's profile picture

George Moller

119,062 subscribers

42,383 просмотров • 1 год назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

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

Фото профиля George Moller
George Moller1 год назад

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
David GG1 год назад

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
Enrique Moreno1 год назад

Typescript syntax gives me eye cancer

Фото профиля George Moller
George Moller1 год назад

🤣 it’s verbose for sure

Фото профиля Kosta Stratis
Kosta Stratis1 год назад

Is type coersion really necessary when using conditional types?

Фото профиля حودة
حودة1 год назад

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

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

⚛️ 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,738 просмотров • 2 лет назад

⚛️ 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 просмотров • 1 год назад

⚛️ 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,192 просмотров • 1 год назад

⚛️ 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,210 просмотров • 1 год назад

⚛️ 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,657 просмотров • 2 лет назад

⚛️ 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,508 просмотров • 1 год назад

⚛️ How to keep you imports tidy and clean in React ↓
0:34

⚛️ How to keep you imports tidy and clean in React ↓

George Moller

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

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

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

George Moller

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

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

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

George Moller

34,403 просмотров • 1 год назад

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

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

⚛️ How I like to name React components ↓

George Moller

39,480 просмотров • 1 год назад

⚛️ 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,607 просмотров • 2 лет назад

How to use conditional formatting to highlight cells equal to a value. 🤓
0:31

How to use conditional formatting to highlight cells equal to a value. 🤓

Excel Dictionary

31,603 просмотров • 1 год назад

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 𝕏

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

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

79,072 просмотров • 8 месяцев назад

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,446 просмотров • 1 год назад

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 просмотров • 1 год назад

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

⚛️ Instead of mixing business logic in React components I like to create small and predictable reducer abstractions with useReducer ↓
0:30

⚛️ Instead of mixing business logic in React components I like to create small and predictable reducer abstractions with useReducer ↓

George Moller

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

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 просмотров • 1 год назад