Explanation
Expand your knowledge of reusable components and use the techniques used by your favorite React libraries. Polymorphic components? You’ve probably already used it… If you’ve used UI elements that contain propagation or Chakra UI’s prop, then you’ve already encountered polymorphic reactive elements. In this class, you’ll learn to build your own polymorphic element that can be positioned as any valid HTML element. More importantly, you will learn to strictly label its allowed resources based on the type of element being supplied. There will be many use cases and edge cases discussed along the way to help you build more complex and reusable React components with a great developer experience. In short, this is not a beginner’s course. You need to know some React, and some Script (the basics at least ie, you know what “types” are).
You will learn intermediate handwriting in this course. It will be practical, practical and straight to the point – a course you will actually complete. You’ll learn to build your own polymorphic element that can be rendered as any valid HTML element. That’s easy! What’s not so easy is to hard-code the allowed resources based on the type of element being imported. Dynamic component control, write-safe references to props and even building utilities you can reuse with any reusable component. There will be many use cases and edge cases discussed along the way to help you build more complex and reusable React components with a great developer experience.
What will you learn?
-
Create more reusable React components
-
Build components that are suitable for use in a standard design process
-
Build tightly typed modules with limited resources and HTML attributes
-
Apply Typescript neutral utility types to build React components
-
Effective use of Typescript Generics to build reusable components
-
Based on the general polymorphic properties, use Typescript to validate only the valid properties of the passed HTML element.
-
Build a reusable Polymorphic utility
-
Present your strongly-typed API in your references section
-
Understand the inner workings of popular open source libraries
Who is this course for?
- Interact with developers building design systems
- Interact with developers building reusable components
- React to Typescript developers
- Other wonderful medium producers
Instructions for Building a Polymorphic Tool with React and Scripting
Content Build a Polymorphic Tool with React and Script
Requirements
-
You already know the reaction
-
You already know some Typing (at least the basics)
Pictures
Sample Clip
Installation Guide
Extract files and watch your favorite player
Subtitle : English
Quality: 1080p
In version 2022/5 compared to 2022/4, 1 lesson has been added and the duration has not changed. Also, the quality of the course has been increased from 720p to 1080p.
Download Links
Password file: free download software
file size
880MB