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

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

На главную

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

_georgemoller's profile picture

George Moller

118,713 subscribers

50,215 просмотров • 2 лет назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

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

Фото профиля George Moller
George Moller2 лет назад

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 ↓

Фото профиля chester
chester2 лет назад

I'm learning good from your content

Фото профиля Umair
Umair2 лет назад

Why create more stress for yourself? Just use TypeScript and chill! Keeps everything neat and tidy.

Фото профиля Dammy Ola
Dammy Ola2 лет назад

I love this. I shared more tips on typescript here. Feel free to check it out.

Фото профиля Eduardo Lopez
Eduardo Lopez2 лет назад

Thanks for sharing, literally helped me out

Фото профиля Nex - AI Summarizer (100% FREE)
Nex - AI Summarizer (100% FREE)2 лет назад

It's cool! Just like Nex☺️

Фото профиля Nex - AI Summarizer (100% FREE)
Nex - AI Summarizer (100% FREE)2 лет назад

Seems Great! I will try it~ Hope it will as useful as Nex~Thx😊

Фото профиля Kamrul Islam
Kamrul Islam2 лет назад

Thanks for sharing

Фото профиля Fuad Obasa 🐐
Fuad Obasa 🐐2 лет назад

Hello I have error in my code nextjs and typescript please help me out

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

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

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

George Moller

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

⚛️ 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 лет назад

⚛️ 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 лет назад

⚛️ 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 год назад

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

🔥 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 лет назад

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

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

⚛️ How I like to name React components ↓

George Moller

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

Do you know about ReturnType in TypeScript? What about Awaited or Parameters? Utility types can unlock a lot of power to keep your code type safe, even when your npm packages aren't perfect More magic you can do with utility types in my latest article:
2:50

Do you know about ReturnType in TypeScript? What about Awaited or Parameters? Utility types can unlock a lot of power to keep your code type safe, even when your npm packages aren't perfect More magic you can do with utility types in my latest article:

Steve (Builder.io)

268,458 просмотров • 3 лет назад

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

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

⚛️ I don't like baking app or business logic directly in components. Instead, I use useReducer hook to separate the business logic from the UI. ✅ More predictable state changes ✅ Better architecture↓
0:44

⚛️ I don't like baking app or business logic directly in components. Instead, I use useReducer hook to separate the business logic from the UI. ✅ More predictable state changes ✅ Better architecture↓

George Moller

57,091 просмотров • 1 год назад

You can now create component property groups — which means you can more easily reuse components throughout your site 🖥️ Easier-to-use components, more design consistency, stunning sites.
0:34

You can now create component property groups — which means you can more easily reuse components throughout your site 🖥️ Easier-to-use components, more design consistency, stunning sites.

Webflow

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

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

Excited to share Animate it Figma plugin! ✨ I made this plugin to quickly create animated smart components that I use most of the time—like rotate, zoom, slide, and more. It generates a set of components based on animation presets. Check here
0:58

Excited to share Animate it Figma plugin! ✨ I made this plugin to quickly create animated smart components that I use most of the time—like rotate, zoom, slide, and more. It generates a set of components based on animation presets. Check here

vijay verma

11,928 просмотров • 1 год назад

Turn the way you create into a reusable Skill. TapNow Creative OS can learn from your workflow, package the method, and bring it into the next project. Use it, refine it, and make your Agent more like you.
0:58

Turn the way you create into a reusable Skill. TapNow Creative OS can learn from your workflow, package the method, and bring it into the next project. Use it, refine it, and make your Agent more like you.

TapNow

13,658 просмотров • 1 месяц назад

Ductape lets you build reusable backend components. Define components in your workspace. Initialize them in any project or codebase to use them. In this video: • 1 integration • 4 codebases • same endpoint, no duplication Build once → reuse everywhere.
2:18

Ductape lets you build reusable backend components. Define components in your workspace. Initialize them in any project or codebase to use them. In this video: • 1 integration • 4 codebases • same endpoint, no duplication Build once → reuse everywhere.

Ifedayo

16,880 просмотров • 4 месяцев назад