LESSON 2.3

Generic components in React

06:47·16,398 learners
Daniel OkaforDaniel Okafor
Next lesson

In this lesson you will

  • Type a component over the shape of its items
  • Keep render props and callbacks correctly typed
  • Forward refs without losing the generic parameter

A typed list component should tell you what its render callback receives. Generic props are how a reusable component stays specific at each use.

What this lesson covers

  • Type a component over the shape of its items
  • Keep render props and callbacks correctly typed
  • Forward refs without losing the generic parameter

This lesson sits in Generics, part of TypeScript for Application Developers. It assumes what came before it and leads directly into the next lesson in the module.

PRO TIP

If a reusable component takes items and hands them back to a callback, it wants a type parameter.

UP NEXT

3.1 · Conditional types and infer

14:23

TypeScript for Application Developers

42%

Every lesson, searchable to the second.

© 2026 BIBLION

PRIVACY · TERMS · CONTACT