Build Polymorphic Components with React and Typescript | Udemy


Build Polymorphic Components with React and Typescript | Udemy
English | Size: 892.45 MB
Genre: eLearning

What you’ll learn
Build polymorphic React components
Apply intermediate Typescript utility types
Practically use Typescript generics
Use Typescript to restrict the polymorphic prop to accept only valid HTML elements
Based on the generic polymorphic prop, use Typescript to enforce only valid props of the passed HTML element
Build a reusable Polymorphic utility
Handle strongly typed Polymorphic refs

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.

Who this course is for:
React developers building design systems
React developers building reusable components
React Typescript developers
Other curious intermediate React developers

nitro.download/view/66868D2558E9998/UD-BuildPolymorphicComponentswithReactandTypescript.16.4.1.part1.rar
nitro.download/view/43C1FD2170E7259/UD-BuildPolymorphicComponentswithReactandTypescript.16.4.1.part2.rar
nitro.download/view/EED9D5689EDC64F/UD-BuildPolymorphicComponentswithReactandTypescript.16.4.1.part3.rar

rapidgator.net/file/3e839eb99804ab290b840e6fd9bf77c3/UD-BuildPolymorphicComponentswithReactandTypescript.16.4.1.part1.rar.html
rapidgator.net/file/be2a17a908f48d50ebbe003aa96a7904/UD-BuildPolymorphicComponentswithReactandTypescript.16.4.1.part2.rar.html
rapidgator.net/file/94b5b738d4a9c73dd5ca264acc9faa1e/UD-BuildPolymorphicComponentswithReactandTypescript.16.4.1.part3.rar.html

If any links die or problem unrar, send request to
forms.gle/e557HbjJ5vatekDV9

About WoW Team

I'm WoW Team , I love to share all the video tutorials. If you have a video tutorial, please send me, I'll post on my website. Because knowledge is not limited to, irrespective of qualifications, people join hands to help me.

Speak Your Mind

This site uses Akismet to reduce spam. Learn how your comment data is processed.