Lession 3 - React.js

Conditional rendering?

• Conditional rendering là kỹ thuật tối ưu hoá hiệu năng ứng dụng React

• Conditional rendering cho phép thành phần hiển thị giao diện khác nhau tuỳ thuộc vào điều kiện

• Conditional rendering là cách quản lý trạng thái thành phần trong React

• Conditional rendering là cách tạo kiểu cho các phần tử trong React

Các cú pháp có thể sử dụng với Conditional Rendering

• Toán tử 3 ngôi

• Toán tử logic AND

• Câu lệnh điều kiện

• Vòng lặp

Khi nào nên sử dụng toán tử 3 ngôi?

• Tất cả các trường hợp conditional rendering

• Sử dụng khi cần hiển thị giao diện khác nhau tuỳ điều kiện

• Sử dụng khi cần ẩn hoặc hiện một phần giao diện tuỳ điều kiện

• Không nên sử dụng

Khi nào nên sử dụng toán tử logic &&?

• Trong tất cả các trường hợp sử dụng conditional rendering

• Khi cần ẩn hoặc hiện một phần giao diện tuỳ thuộc vào một hoặc nhiều điều kiện

• Khi cần hiển thị giao diện khác nhau tuỳ thuộc vào một hoặc hiều điều kiện

• Không nên sử dụng trong tất cả trường hợp sử dụng conditional rendering

Có thể sử dụng các phương thức nào khi muốn render hàng loạt phần tử?

• Sử dụng forEach() và some() của mảng

• Sử dụng reduce() và sort() của mảng

• Sử dụng filter() và sort() của mảng

• Sử dụng filter() và map() của mảng

Key là gì?

• Key là thuộc tính để xác định kiểu dữ liệu trong React, giúp code dễ dàng hơn.

• Key là một prop bình thường được truyền từ phần tử cha xuống phần tử con

• Key là thuộc tính dùng để định dạng văn bản trong React.
• Key là thuộc tính dùng để xác định các phần tử trong danh sách, giúp React tối ưu hóa quá trình render.