Hiểu về TypeScript Generics

Generics trong TypeScript cho phép các developer tạo code có thể tái sử dụng và thích ứng trong khi vẫn duy trì type safety nghiêm ngặt. Bằng cách cho phép truyền types như tham số, generics giúp xây dựng các cấu trúc và hàm có thể xử lý các kiểu dữ liệu cụ thể, mà không phải hy sinh lợi ích của static typing trong TypeScript.

Trong TypeScript, generics được biểu diễn bằng dấu ngoặc nhọn như <T>, trong đó T đại diện cho kiểu được truyền vào. Ký hiệu này hoạt động tương tự như tham số hàm, đóng vai trò như placeholder cho một kiểu sẽ được chỉ định khi cấu trúc được khởi tạo.

1. Truyền tham số kiểu vào type, interface, class

Type aliases có thể sử dụng generics để tạo các kiểu linh hoạt và có thể tái sử dụng.

Interfaces cũng có thể nhận tham số generic, cho phép các contracts cụ thể và có thể tái sử dụng hơn.

Classes có thể nhận generic types để định nghĩa properties và methods với xử lý kiểu linh hoạt.

2. Truyền tham số kiểu vào function

Functions có thể nhận tham số generic để làm việc với các kiểu khác nhau một cách động.

3. Truyền tham số kiểu vào React components

React components cũng có thể nhận tham số generic để định nghĩa kiểu của props mà chúng nhận.

Trong React, chúng ta thường không cần truyền kiểu tường minh vào component, vì hầu hết trường hợp, kiểu có thể được suy luận từ props mà chúng ta truyền vào component. Và đây cũng là thực hành tốt để trình biên dịch TS suy luận kiểu cho bạn, vì nó làm code của bạn sạch hơn và dễ đọc hơn.