Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

George Moller

119,045 subscribers

50,210 views • 1 year ago •via X (Twitter)

Education Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

9 Comments

George Moller1 year ago

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 ↓

chester1 year ago

I'm learning good from your content

Umair1 year ago

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

Dammy Ola1 year ago

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

Eduardo Lopez1 year ago

Thanks for sharing, literally helped me out

Nex - AI Summarizer (100% FREE)1 year ago

It's cool! Just like Nex☺️

Nex - AI Summarizer (100% FREE)1 year ago

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

Kamrul Islam1 year ago

Thanks for sharing

Fuad Obasa 🐐1 year ago

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

Related Videos

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

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

George Moller

42,404 views • 1 year ago

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

89,542 views • 1 year ago

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

57,741 views • 2 years ago

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓

George Moller

77,657 views • 2 years 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)

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

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

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

George Moller

24,702 views • 2 years ago

⚛️ How to use discriminated unions in TypeScript to represent mutually exclusive states in React↓

⚛️ How to use discriminated unions in TypeScript to represent mutually exclusive states in React↓

George Moller

28,192 views • 1 year ago

⚛️ How I like to name React components ↓

⚛️ How I like to name React components ↓

George Moller

39,480 views • 1 year ago

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:

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

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.

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 views • 2 years 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.

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

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.

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

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

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

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

George Moller

301,101 views • 2 years ago

📣 Nested Artboards are now Components. Components let you decide what’s reusable and exported at runtime.

📣 Nested Artboards are now Components. Components let you decide what’s reusable and exported at runtime.

Rive

20,598 views • 9 months ago

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

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

George Moller

59,703 views • 1 year ago

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

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

We ran Claude code in a while loop and it ported Browser Use to Typescript

We ran Claude code in a while loop and it ported Browser Use to Typescript

Simon Farshid

79,072 views • 8 months ago

If an agent can automate Salesforce reliably… it can automate anything. It's the final boss of browser agents - nested iframes, dynamic components… pure chaos. So I stopped fighting the UI. It feels like pure magic. Record the workflow once → the agent reverse-engineers the API → you get a clean, reusable API. Agents won’t use UIs. They’ll use tools they create themselves. Comment a site like “salesforce?” and I’ll send you the agent.

If an agent can automate Salesforce reliably… it can automate anything. It's the final boss of browser agents - nested iframes, dynamic components… pure chaos. So I stopped fighting the UI. It feels like pure magic. Record the workflow once → the agent reverse-engineers the API → you get a clean, reusable API. Agents won’t use UIs. They’ll use tools they create themselves. Comment a site like “salesforce?” and I’ll send you the agent.

Magnus Müller

24,890 views • 6 months ago