Udemy – Build Polymorphic Components with React and Typescript 2022-5

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. 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.

What you’ll 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

Who this course is for

• React developers building design systems
• React developers building reusable components
• React Typescript developers
• Other curious intermediate React developers

Specificatoin of Build Polymorphic Components with React and Typescript

• Publisher : Udemy
• Teacher : Ohans Emmanuel , Edcademy by Ohans
• Language : English
• Level : Intermediate
• Number of Course : 24
• Duration : 2 hours and 16 minutes

Content of Build Polymorphic Components with React and Typescript

Requirements

• You already know some React
• You already know some Typescript (at least the basics)

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle : English

Quality: 1080p

Version 2022/5 compared to 2022/4, 1 lesson has been added and the duration has not changed. Also, the course quality has been increased from 720p to 1080p.

Download Links

Download Part 1 – 880 MB

File size

880 MB