Unleashing the Power of TypeScript

Chapter 4: Extending DOM Elements and Creating Polymorphic Components

In most of the larger applications and projects I’ve worked on, I often find myself building a bunch of components that are really supersets or abstractions on top of the standard HTML elements. Some examples include custom button elements that might take a prop defining whether or not that button should be a primary or secondary button, or maybe one that indicates that it will invoke a dangerous action, such as deleting or removing a item from the database. I still want my button to have all the properties of a button in addition to the props I want to add to it.

Another common case is that I’ll end up creating a component that allows me to define a label and an input field ...