Hooks trong React

Trong bài học này, chúng ta sẽ bắt đầu làm quen với các hooks. Chúng ta đã từng gặp chúng khi học về states - ở đó chúng ta đã học cách làm việc với hook state useState.

Nhìn chung, hooks là các hàm JavaScript bình thường, tên của chúng bắt đầu bằng từ 'use'.

Hooks cho phép chúng ta sử dụng states và các tính năng khác của React mà không cần sử dụng class. Chúng làm cho việc tái sử dụng code cho các tác vụ khác nhau trở nên dễ dàng hơn, cũng như việc kiểm thử và giúp chia nhỏ các component phức tạp thành các hàm đơn giản hơn theo chức năng của chúng. Một số hooks thậm chí có thể thay thế chức năng của Redux. Thêm vào đó, hooks giúp cải thiện hiệu suất ứng dụng.

Nếu bạn muốn sử dụng hooks, hãy tuân theo hai quy tắc chính. Thứ nhất, chỉ sử dụng chúng ở cấp độ cao nhất - không gọi chúng bên trong vòng lặp, các toán tử điều kiện hoặc các hàm lồng nhau. Thứ hai, chỉ nên gọi hooks từ các hàm React (từ các component React hoặc các hooks tùy chỉnh), chứ không phải từ các hàm JavaScript thông thường.

Ngoài ra, một lỗi mà các lập trình viên thường mắc phải là việc sử dụng hooks một cách không kiểm soát trong code. Trước khi sử dụng một hook cụ thể nào, hãy đảm bảo rằng nó thực sự cần thiết.

Trong bài học tiếp theo, chúng ta sẽ xem xét các loại hooks.