soufatn / polymorphic-react-component

Companion repo for my build a polymorphic React component class

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 🕺