Advanced TypeScript: Generic Search, Sorting and Filtering
Starting with basic examples using generics to a full fledged interactive UI! Featuring TypeScript and React!
Course Description
The course GitHub repository is here:
https://github.com/princefishthrower/react-typescript-course-generic-search-sort-filter
Note that each branch corresponds to the lesson in this course!
This course is going to be all about using generics in TypeScript. In this course, we'll start off by going over some examples of what generics are in TypeScript and when they can be used to our advantage.
We'll learn and see how to create generic search, sort, and filter functions that can be applied to any type of data we throw at them. To give the generic functions life, we'll use a simple React UI with made-up 'Widget' and 'Person' data types.
As with all my other courses, through each lesson of the course, I make commits to a git repository, which you can access lesson by lesson and see the application run on your own machine. The repository is on GitHub, and will be in the resources for Lesson 2.
Generics are a fairly advanced aspect of TypeScript, and this course will not be going over more of the basics. If you'd be interested in a TypeScript overview course, please let me know; I think that's something I could put together. Otherwise, I think there are plenty of other great TypeScript tutorials out on the web, and I'll link to some of the ones I've used myself in the class resources.
I put a lot of time and effort into this course to show you the power of generics, and how to use them throughout your applications. I hope you enjoy this course!
Goals
What will you learn in this course:
- Beginner to advanced usage of generics in TypeScript
- Creating generic, reusable functions in TypeScript
- Creating generic, reusable UI components in React
- Search, sorting, and filtering generic functions in TypeScript
Prerequisites
What are the prerequisites for this course?
- Basic Computer Fundamentals & Terminologies
- A computer installed with Windows / Linux / OS X
- Internect connection
- Decent understanding and prior use of TypeScript
- Decent understanding and prior use of React
- Decent understanding and prior use of JavaScript

Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction and Environment Setup
2 Lectures
-
Introduction and Course Overview 03:12 03:12
-
Environment Setup 02:44 02:44
TypeScript Generics Introduction and Data Setup
3 Lectures

Building a Generic Search Function and UI in React with TypeScript
3 Lectures

Building a Generic Sort Function in React with TypeScript
4 Lectures

Building a Generic Filter Function in React with TypeScript
3 Lectures

Course Endgame: Organizing Everything into a Single Generic Component
3 Lectures

Course Review and Final Comments
1 Lectures

Instructor Details

Christopher Frewin
Full Stack Software EngineerCourse Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now