Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Marketing Strategy Google Ads (AdWords) Certification Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-02-03 19:34:57
30-Day Money-Back Guarantee
IT & Software Other IT & Software Typescript

Advanced TypeScript: Generic Search, Sorting, and Filtering

Starting with basic examples using generics to a full fledged interactive UI! Featuring TypeScript and React!
New
Rating: 4.5 out of 54.5 (1 rating)
17 students
Created by Chris Frewin
Last updated 2/2021
English
English
30-Day Money-Back Guarantee

What you'll learn

  • TypeScript Generics
  • Creating generic, reusable functions in TypeScript
  • Creating generic, reusable UI components in React
  • Search, sorting, and filtering generic functions in TypeScript

Requirements

  • Decent understanding and prior use of TypeScript

Description

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!

Who this course is for:

  • Intermediate to advanced TypeScript programmers looking to expand their skills with TypeScript

Course content

7 sections • 19 lectures • 3h 18m total length

  • Preview03:12
  • Preview02:44

  • Preview11:18
  • Preview05:48
  • Preview07:18

  • Preview12:35
  • Creating a Search Input for Our Generic Search Function
    06:17
  • Adding a useDebounce React Hook to Reduce Search onChange Event Load
    05:50

  • Crafting a Generic Sort Function in TypeScript
    04:39
  • Creating a Generic Sort React Component
    12:22
  • Improving the Application's UI
    19:32
  • Adding Ascending and Descending Functionality to Our Sorter Component
    11:13

  • Crafting a Generic Filter Function in TypeScript
    10:28
  • Building a Generic React Component for our Generic Filter Function
    14:05
  • Adding Falsey Functionality to the Generic Filter React Component
    18:23

  • Render Props, or Children as a Function in React
    15:51
  • Creating a Single Generic Component to Unite Search, Sort, and Filter
    31:48
  • BONUS: Using the Extract TypeScript Keyword to Improve our Generic Sort Function
    03:21

  • Course Review and Final Comments
    01:44

Instructor

Chris Frewin
Full Stack Software Engineer
Chris Frewin
  • 4.5 Instructor Rating
  • 1 Review
  • 33 Students
  • 3 Courses

Hi everyone!

I've been a professional full stack software engineer for 7+ years, and I've been programming for many more. In 2014, I earned two separate degrees from Clarkson University: Mechanical Engineering and Physics. I continued at Cornell for my M.S. Degree in Mechanical Engineering. My thesis at Cornell was a technical software project where I first learned Bash and used a unique stack of Perl and Fortran, producing a publication in the scientific journal Combustion and Flame: "A novel atom tracking algorithm for the analysis of complex chemical kinetic networks".

After opening up my first terminal while at Cornell, I fell in love with software engineering and have since learned a variety of frameworks, databases, languages, and design patterns, including TypeScript, .NET, JavaScript, Python, React, Redux, ABAP, SAPUI5 UI5, C#, PHP7, Postgresql, and Magento. I love building full stack apps as side projects!

I'm happy to give back and teach what I've learned over the years, because I think software development is especially difficult these days, with all the new tools and frameworks that seem to come out daily.

I don't want anyone to be intimated by this and I too struggle and reach out from time to time for help and mentoring. I try to make my courses as clear as possible so you don't get lost or confused.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.