Starting with basic examples using generics to a full-fledged interactive UI. Featuring TypeScript and React.
Intermediate
29 Lessons
20h
Certificate of Completion
Starting with basic examples using generics to a full-fledged interactive UI. Featuring TypeScript and React.
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...Show More
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
See 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
Generics in TypeScript
Assessment
Organizing Everything into a Single Generic Component
7 Lessons
Create a Content Management System (CMS)
Project
Course Review and Final Comments
1 Lesson
Appendix
2 Lessons
Course Author
Trusted by 1.4 million developers working at companies
Anthony Walker
@_webarchitect_
Emma Bostian 🐞
@EmmaBostian
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
Anthony Walker
@_webarchitect_
Emma Bostian 🐞
@EmmaBostian
See how Educative uses AI to make your learning more immersive than ever before.
Instant Code Feedback
AI-Powered Mock Interviews
Adaptive Learning
Explain with AI
AI Code Mentor