JavaScript
Web Development
Python
SQL
Artificial Intelligence
Machine Learning
IT & Software
AWS
Hacking
Arduino
3D Modeling
Photoshop
Graphic Design
UX Design
Drawing
Adobe After Effects
Business
Data Analysis
Shopify
Digital Marketing
Social Media Marketing
Marketing
SEO
Google Analytics
Branding
Excel
Office Productivity
Finance & Accounting
Bitcoin
Video Editing & Animation
Photography
Adobe Premier Pro
Adobe Lightroom
Personal Development
Health & Fitness
Music
Guitar
Teaching & Academics
Language Learning
Engineering
LifestyleBuild Polymorphic Components with React and Typescript (Udemy.com)
Learn practical intermediate to advanced Typescript in React - complete with a 50+ page PDF to aid your study!
Created by: Ohans Emmanuel
Last updated May 2022
What you will learn
- Create more extensible reusable React components
- Build components fit to use in a standard design system
- Build strongly typed components with limited props and HTML attributes
- Apply intermediate Typescript utility types to building React components
- Practical application of Typescript generics to building reusable components
- Based on the generic polymorphic prop, use Typescript to enforce only valid props of the passed HTML element
- Build a reusable Polymorphic utility
- Expose a strongly typed API for your component refs
- Understand the inner workings of popular open-source libraries
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 96 / 100
Course Description
Extend your knowledge of reusable components and utilise techniques used by your favourite open-source React libraries ...
Polymorphic components?
You've probably used them before ... If you've used material UI's component prop or Chakra UI's as prop, then you've already encountered polymorphic React components.
In this class, you will learn to build your own polymorphic component that can be rendered as any valid HTML element. More importantly, you will learn to strongly type its allowed props based on the supplied element type. There will be many use cases and edge cases discussed along the way to help you build more robust reusable React components with a great developer experience.
How can you apply this knowledge?
Build more flexible reusable components
Apply the gained knowledge to building your own design system
Explore intermediate Typescript concepts for truly strongly typed polymorphic components
Prerequisites
You are familiar with React basics
You are familiar with Typescript basics
Who is this class for?
React developers building design systems
React developers building reusable components
React Typescript developers
Other curious intermediate React developers
In summary, this is not a beginner's course. You need to know some React, and some Typescript (the basics at least i.e., you know what "types" are).
You will learn intermediate typescript in this course. It'll be practical, effective and straight to the point - a course you will actually complete.
You will learn to build your own polymorphic component that can be rendered as any valid HTML element. That's easy! What's not so easy is strongly typing its allowed props based on the supplied element type. Restricting the component props dynamically, type-safe the passed refs to the props and even building a utility you can reuse on any other reusable component.
There will be many use cases and edge cases discussed along the way to help you build more robust reusable React components with a great developer experience.
Udemy Discount
The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.
Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.
Instructor Details
- 4.8 Rating
223 Reviews
Ohans Emmanuel
I'm Ohans Emmanuel. A software architect and frontend specialist with a decade of experience.
I wrote my first book in 2017 and have written 5+ books since then. My blogs (and books) have garnered over 4 million views to date.
My goal when I teach a subject (preferably a complex one) is to break down the subject in a way that it can be understood by a 5-year-old. This is fuelled by my frustrations as a beginner years ago when I aspired to be a self-taught Engineer.
I've recently moved to Udemy as a teaching platform to reach a wider audience, and I can't wait to create even more impactful courses for the modern frontend engineer.
More React courses
Microservices with Node JS and React (2026)
4.8 (20,186 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
Learn to build an e-commerce store with .Net, React & Redux (2026)
4.8 (2,218 Reviews)
- Provider: Udemy
- Time: 29.6h
$94.99
Next JS & WordPress: Build rapid NextJS sites with Next & WP (2026)
4.8 (462 Reviews)
- Provider: Udemy
- Time: 8.4h
$74.99
The Ultimate React Course 2025: React, Next.js, Redux & More
4.7 (27,020 Reviews)
- Provider: Udemy
- Time: 83.9h
$99.99
The Modern React Bootcamp (Hooks, Context, NextJS, Router) (2023)
4.7 (8,359 Reviews)
- Provider: Udemy
- Time: 38.8h
$129.99
Server Side Rendering with React and Redux (2021)
4.7 (3,899 Reviews)
- Provider: Udemy
- Time: 8.2h
$84.99
Reviews
By Tyus Durant on 7/16/2026
This course went a lot further to expand my TypeScript knowledge than I was expecting. The only downside is the author doesnt have more courses. I would love to see a 20+ hour course building out a project to get some more practice with TypeScript.
By Miguel Angel Najera on 3/28/2024
Great, instructor. Broke everything down to make it easy to understand and he's pretty funny which made the course more enjoyable.
By Simphiwe Tebe on 8/26/2023
I enjoyed this course a lot and have been introduced to a lot of advanced Typescript concepts. It was not an easy journey but will be coming back to the course as a reference guide.
By Kris Guttenbergovitz on 3/6/2023
i don't like tone and teaching style of a tutor but in terms of knowledge shared :: i believe it is valuable.
By Aleksandar Bisevac on 2/6/2023
Yeah, this one was great. I truly feel like I learn something that will help me to write better custom components. It's definitely advanced level knowledge of typescript. It is short course, but it's the one that needs lot of repeats to settle down all of the info. Thanks!
By Ilija Ivic on 11/23/2022
Amazing and really useful, I was stuck on creating atomic-level components and this really helped me out, also got a clearer understanding of how popular UI libraries set components up. Recommending for anyone interested in developing their own design system or component library. Works very well with TailwindCSS and prepared Figma design.
By Ali Lakhani on 11/20/2022
Challenging the learners to go ahead and DIY is good to make them understand the concept. Thank you.
By Ivan Jovanovic on 10/14/2022
I loved this course, it's extremely to the point and very useful if you want to improve your Typescript skills.
By Phan Hoang Dat on 9/20/2022
This is what really you will do in real projects with typescript. I experienced with bad memory when I countered this kind of component. This course solved almost my problems. Thank you a lot for it.
By Noah Bravo on 4/10/2022
Great course with very good and clear explanations. I like the pace and that the lessons are of a nice manageable size. I highly recommend the course for front-end developers who want to dive deeper into react & typescript components.
- Video Duration:
2.3h - Price: $69.99 Track Price 11.99 Track Price
- Provider: Udemy
- Updated:
May 2022 - Level:
Intermediate - Language:
English - Certificate:
Yes
30-day money-back guarantee on most paid courses
Udemy Coupon Price Tracker
