Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Advanced TypeScript: Generic Search, Sorting and Filtering

person icon Christopher Frewin

4

Advanced TypeScript: Generic Search, Sorting and Filtering

Starting with basic examples using generics to a full fledged interactive UI! Featuring TypeScript and React!

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Christopher Frewin

English [CC]

category icon IT & Software,TypeScript

Lectures -20

Duration -3 hours

4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

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
Advanced TypeScript: Generic Search, Sorting and Filtering

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction and Environment Setup
2 Lectures
  • play icon Introduction and Course Overview 03:12 03:12
  • play icon Environment Setup 02:44 02:44
TypeScript Generics Introduction and Data Setup
3 Lectures
Tutorialspoint
Building a Generic Search Function and UI in React with TypeScript
3 Lectures
Tutorialspoint
Building a Generic Sort Function in React with TypeScript
4 Lectures
Tutorialspoint
Building a Generic Filter Function in React with TypeScript
3 Lectures
Tutorialspoint
Course Endgame: Organizing Everything into a Single Generic Component
3 Lectures
Tutorialspoint
Course Review and Final Comments
1 Lectures
Tutorialspoint

Instructor Details

Christopher Frewin

Christopher Frewin

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515