Polymorphic: occurring in several different forms, in particular with reference to species or genetic variation...

How to read the code

Read the implementation snippets from 01 to 06

01: A basic polymorphic component implementation

02: Handling relevant component props:

03: Providing a default generic type:

04: Handling unique component props

05: Building a reusable polymorphic type utility

06: Handling polymorphic components with Ref

Relevant Links

Live workshop details
Watch me teach this course on Udemy
Presentation on Excalidraw (open in incognito to not override your current drawings )
use cases (PDF)

Read more

Polymorphic components in the wild: Chakra UI and Material UI
JSX: Choosing type at runtime
Typescript Generics
Typescript Generics and arrow functions:
- What's the syntax for generics in TS?
- TS Github issue
Why color appears as HTML attribute on a div?
React Ref: Forwarding Refs

Download the accompanying ebook and receive my 5-day typescript secrets newsletter

Download ebook here.

You'll automatically receive my 5-day newsletter to get you thinking and writing Typescript like a pro 🕺