Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

_georgemoller's profile picture

George Moller

118,788 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

57,745 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 conditional types in TypeScript and React ↓
1:26

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

George Moller

42,404 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,192 görüntüleme • 1 yıl önce

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

⚛️ How I like to name React components ↓

George Moller

39,480 görüntüleme • 1 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,508 görüntüleme • 1 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,210 görüntüleme • 1 yıl önce

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

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

⚛️ One component, many forms: the power of polymorphic React components ↓
1:12

⚛️ One component, many forms: the power of polymorphic React components ↓

George Moller

59,703 görüntüleme • 1 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,403 görüntüleme • 1 yıl önce

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

"How to share state between React client components with a parent server component?" 👇
0:32

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

51,480 görüntüleme • 1 yıl önce

Looking for your next project? How about building a React app with GitHub Copilot? ⚛️ 🤖 Join forces with Copilot when it comes to components, JSX, state, and more to efficiently construct a frontend client. 🚀 Get the full tutorial here. ⬇️
0:55

Looking for your next project? How about building a React app with GitHub Copilot? ⚛️ 🤖 Join forces with Copilot when it comes to components, JSX, state, and more to efficiently construct a frontend client. 🚀 Get the full tutorial here. ⬇️

GitHub

35,457 görüntüleme • 1 yıl önce

GraphQL to TypeScript type, no code gen. Written purely in TypeScript type. With Prisma-like query syntax fully type-safe. Should cover almost all of the GraphQL specs, now. Here's a demo.
1:45

GraphQL to TypeScript type, no code gen. Written purely in TypeScript type. With Prisma-like query syntax fully type-safe. Should cover almost all of the GraphQL specs, now. Here's a demo.

SaltyAom

100,697 görüntüleme • 2 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

42,984 görüntüleme • 4 ay önce

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
0:46

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,627 görüntüleme • 1 yıl önce

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
1:00

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

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