filmov
tv
Using Typescript Generics to build Generic React Components

Показать описание
In this video tutorial, Santiago will show how to use Typescript Generics to build Generic React Components. Do you find yourself duplicating your code to do the same things multiple times?
When building frontend applications, you may need to represent different entries in similar instances, for example aggregating search results within a single list. Separate typescript components are best to achieve this, but it can create problems such as code duplication which can slow down the process. Typescript generics provide an efficient solution to this problem by creating generic components.
--------------------------------------------------
--------------------------------------------------
⏱ TIMESTAMPS
0:00 - Intro
0:46 - Code Example
1:22 - Component Breakdown
3:58 - Using the Component
--------------------------------------------------
💼 Ready to transform your career? Modus is expanding and hiring!! Check out these positions and apply today!
Business Intelligence Engineer
Front End Engineer (JavaScript, Vue)
Full Stack Engineer (React, Node, AWS)
Full Stack Engineer - LeaseUp Web Application - (React,Python,AWS)
Front End Engineer (React,Ionic)
Front End Enginer (Angular, Ionic)
QA Automation (Python/Pytest)
💻 Modus Create builds customer-centric products, processes, and platforms to help businesses succeed in the digital economy.
🌐 For over 10 years, our global team of strategists, designers, and technologists have helped the world’s biggest brands such as Burger King, Kaplan, AARP, PBS, and Time Inc. deliver powerful digital experiences to their clients. We work in an iterative, outcome-driven way to support our clients with product strategy, customer experience (CX), full-stack Agile software development, and security.
#Typescript #Generics #Coding #Engineer #TypescriptComponents #CodeDuplication
When building frontend applications, you may need to represent different entries in similar instances, for example aggregating search results within a single list. Separate typescript components are best to achieve this, but it can create problems such as code duplication which can slow down the process. Typescript generics provide an efficient solution to this problem by creating generic components.
--------------------------------------------------
--------------------------------------------------
⏱ TIMESTAMPS
0:00 - Intro
0:46 - Code Example
1:22 - Component Breakdown
3:58 - Using the Component
--------------------------------------------------
💼 Ready to transform your career? Modus is expanding and hiring!! Check out these positions and apply today!
Business Intelligence Engineer
Front End Engineer (JavaScript, Vue)
Full Stack Engineer (React, Node, AWS)
Full Stack Engineer - LeaseUp Web Application - (React,Python,AWS)
Front End Engineer (React,Ionic)
Front End Enginer (Angular, Ionic)
QA Automation (Python/Pytest)
💻 Modus Create builds customer-centric products, processes, and platforms to help businesses succeed in the digital economy.
🌐 For over 10 years, our global team of strategists, designers, and technologists have helped the world’s biggest brands such as Burger King, Kaplan, AARP, PBS, and Time Inc. deliver powerful digital experiences to their clients. We work in an iterative, outcome-driven way to support our clients with product strategy, customer experience (CX), full-stack Agile software development, and security.
#Typescript #Generics #Coding #Engineer #TypescriptComponents #CodeDuplication