Delve into TypeScript generics and learn to build reusable functions and React components for searching, sorting, and filtering data, enhancing both business logic and UI efficiency.
Intermediate
29 Lessons
20h
Certificate of Completion
Delve into TypeScript generics and learn to build reusable functions and React components for searching, sorting, and filtering data, enhancing both business logic and UI efficiency.
AI-POWERED
AI-POWERED
This course includes
This course includes
Course Overview
TypeScript’s generics are a powerful tool that enables developers to ensure their code is flexible and reusable. Using generics can help developers manage exactly what types are used in functions and components around the application. In this course, we’ll first get an overview of TypeScript generics and create generic search and sort functions. Next, we’ll create a React component for searching that would leverage our generic search function. Then, we’ll create a generic function and a React component for...
What You'll Learn
An understanding of generics in TypeScript
A working knowledge of how to create React components that accept generic arguments
Hands-on experience building React components with TypeScript
Ability to write, modify, and extend generic TypeScript functions
Ability to understand and describe various UI designs
An understanding of the tradeoffs involved in searching, sorting, and filtering functions
What You'll Learn
An understanding of generics in TypeScript
Show more
Course Content
Introduction
TypeScript Generics Introduction
Creating Mock Data for the Application
Building a Generic Search Function and UI Component
Building a Generic Sort Function and UI Component
Building a Generic Filter Function and UI Component
3 Lessons
Organizing Everything into a Single Generic Component
7 Lessons
Course Review and Final Comments
1 Lesson
Appendix
2 Lessons
Course Author
Trusted by 1.4 million developers working at companies
Anthony Walker
@_webarchitect_
Evan Dunbar
ML Engineer
Carlos Matias La Borde
Software Developer
Souvik Kundu
Front-end Developer
Vinay Krishnaiah
Software Developer
Eric Downs
Musician/Entrepeneur
Kenan Eyvazov
DevOps Engineer
Souvik Kundu
Front-end Developer
Eric Downs
Musician/Entrepeneur
Anthony Walker
@_webarchitect_
Evan Dunbar
ML Engineer
See how Educative uses AI to make your learning more immersive than ever before.