Search⌘ K
AI Features
Home
Courses
Using TypeScript for Building Polymorphic React Components

Exercise: Build a Polymorphic Border Component

Build a polymorphic Border React component using TypeScript by applying core concepts learned in the course. Practice creating a component with customizable element types and props while ensuring strong typing and error checking for valid attributes and refs.

We'll cover the following...

This exercise will test your understanding of the core concepts in the course. You will build a Border polymorphic React component.

Usage

Here is the basic usage of the Border component you'll build:

Javascript (babel-node)
export const UserComponent = () => {
  return (
    <Border as="blockquote" color="blue" width={4} variant="solid">
      Practice makes perfect
    </Border>
  );
};
...