正在加载视频...

视频加载失败

返回首页

🔥 TypeScript + React Tip 🔥 I've stopped using React.FC to type my Function Components. Here's why:

jsjoeio's profile picture

Joe Previte

40,266 subscribers

54,354 次观看 • 3 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

George Moller

94,061 次观看 • 2 年前

⚛️ 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 次观看 • 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

57,750 次观看 • 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,542 次观看 • 1 年前

🔥 TypeScript Tip 🔥 Omit and Pick are the gateway to understanding type-level programming. They let you start deriving types, instead of redeclaring them.
0:44

🔥 TypeScript Tip 🔥 Omit and Pick are the gateway to understanding type-level programming. They let you start deriving types, instead of redeclaring them.

Matt Pocock

232,317 次观看 • 3 年前

🔥 TypeScript Tip 🔥 Here, we build a function that creates zod schemas from your own interfaces, with full autocomplete. The lesson? It's often really hard to get autocomplete when your function _accepts the results of another function_.
2:13

🔥 TypeScript Tip 🔥 Here, we build a function that creates zod schemas from your own interfaces, with full autocomplete. The lesson? It's often really hard to get autocomplete when your function _accepts the results of another function_.

Matt Pocock

49,970 次观看 • 3 年前

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.
1:23

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.

Matt Pocock

46,888 次观看 • 3 年前

💡React tip: Use a custom hook to handle array states in your components
0:24

💡React tip: Use a custom hook to handle array states in your components

George Moller

119,725 次观看 • 3 年前

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,713 次观看 • 3 年前

🔥 Here's what the new TypeScript 4.9 `Satisfies` Operator is for
1:55

🔥 Here's what the new TypeScript 4.9 `Satisfies` Operator is for

Wes Bos

75,884 次观看 • 3 年前

⚡️ Using Expo DOM components to incrementally migrate React Flow charts over to a native app
0:37

⚡️ Using Expo DOM components to incrementally migrate React Flow charts over to a native app

Evan Bacon 🥓

61,954 次观看 • 2 年前

Some VINTAGE TypeScript magic. Here's how to create a type-safe version of Object.assign, with an arbitrary number of objects.
3:32

Some VINTAGE TypeScript magic. Here's how to create a type-safe version of Object.assign, with an arbitrary number of objects.

Matt Pocock

38,013 次观看 • 1 年前

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 年前

Just shipped calendars & date pickers 🔥 28 components powered by DayPicker + React Aria!
0:29

Just shipped calendars & date pickers 🔥 28 components powered by DayPicker + React Aria!

Pasquale Vitiello

40,185 次观看 • 1 年前

HOW TO FIND THE BEST KEY LEVELS USING VOLUME PROFILE🔥🔥🔥 This is a special trick I've been using over the years. It helps me find 4 important levels I use to Day Trade Here's the secret sauce👇
2:53

HOW TO FIND THE BEST KEY LEVELS USING VOLUME PROFILE🔥🔥🔥 This is a special trick I've been using over the years. It helps me find 4 important levels I use to Day Trade Here's the secret sauce👇

ThiccTeddy

87,243 次观看 • 1 年前

⚛️ 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 次观看 • 1 年前

Here's a clip from my upcoming AI SDK tutorial: We're building what Anthropic calls an 'agent' in TypeScript. Can it react to results of tool calls, deciding when it's completed the task? It's an agent.
3:58

Here's a clip from my upcoming AI SDK tutorial: We're building what Anthropic calls an 'agent' in TypeScript. Can it react to results of tool calls, deciding when it's completed the task? It's an agent.

Matt Pocock

23,015 次观看 • 1 年前

Daily #Blender Tip: Using the Stitching function of the Cloth modifier, it’s easy to create ruffled skirts. #b3d
1:01

Daily #Blender Tip: Using the Stitching function of the Cloth modifier, it’s easy to create ruffled skirts. #b3d

Jan van den Hemel

49,892 次观看 • 3 年前