Loading video...

Video Failed to Load

Go Home

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

jsjoeio's profile picture

Joe Previte

40,323 subscribers

54,354 views • 3 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

George Moller

94,046 views • 2 years ago

⚛️ 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 views • 2 years ago

⚛️ 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 views • 2 years ago

⚛️ 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 views • 1 year ago

🔥 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,909 views • 3 years ago

🔥 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 views • 3 years ago

💡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,703 views • 2 years ago

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,711 views • 3 years ago

🔥 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 views • 3 years ago

⚡️ 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,896 views • 1 year ago

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 views • 1 year ago

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 views • 1 year ago

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 views • 1 year ago

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 views • 1 year ago

⚛️ 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 views • 1 year ago

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,883 views • 3 years ago

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 views • 1 year ago