Lession 2 - React.js

React Component là gì?

• React Component là một loại thư viện JavaScript.
• React Component chỉ được sử dụng cho ứng dụng di động.
• React Component là một công cụ để quản lý cơ sở dữ liệu.
• React Component là một khối mã có thể tái sử dụng trong React để xây dựng giao diện người dùng.

Có mấy loại Component trong React?

• 2 loại Component: Class Component và Functional Component.
• 4 loại Component: Class, Functional, Pure và Higher-Order Component.
• 1 loại Component: chỉ có Functional Component.
• 3 loại Component: Class, Functional và Pure Component.

Lưu ý gì khi đặt tên Component?

• Đặt tên Component theo số thứ tự để dễ quản lý
• Sử dụng snake_case cho tên Component
• Sử dụng PascalCase, mô tả rõ chức năng, tránh viết tắt, và đảm bảo tính nhất quán.
• Viết tắt các chức năng để tiết kiệm không gian

Cú pháp để sử dụng Component

• <component />

• <Component />

• <Component>

• Component()

Khi nào thì nên tách một phần giao diện thành Component?

• Khi phần giao diện không cần thay đổi trong tương lai.
• Khi phần giao diện có thể tái sử dụng hoặc có logic riêng biệt/phức tạp.

• Khi phần giao diện chỉ sử dụng một lần duy nhất.
• Khi phần giao diện không có tính năng gì đặc biệt.

Props là gì?

• Props là một cách quản lý trạng thái trong React.

• Props là một giá trị đặc biệt trong class component.

• Props là một biến do người dùng định nghĩa.

• Props là một cơ chế truyền dữ liệu giữa các component trong React.

Props có thể nhận những kiểu dữ liệu nào?

• string

• number

• string, number, boolean, array, object, function, và kiểu dữ liệu tùy chỉnh khác.
• object

Cần lưu ý gì khi sử dụng Props?

• Props có thể thay đổi sau khi được truyền vào.
• Kiểu dữ liệu của Props không quan trọng.
• Props chỉ được sử dụng trong class components.
• Props là immutable (không thể thay đổi - chỉ đọc) và cần kiểm tra kiểu dữ liệu.

Composition là gì?

• Composition chỉ sử dụng một component duy nhất trong React.
• Composition là kỹ thuật kết hợp các component để tạo ra component phức tạp hơn trong React.

• Composition là cách tạo ra các component độc lập trong React.
• Composition là kỹ thuật tối ưu hóa hiệu suất của ứng dụng React.

Prop children là gì?

• Children là thuộc tính cho phép truyền các phần tử con vào Component khi sử dụng Composition

• Children là một phương thức để tạo component mới.

• Children không thể chứa các phần tử con.

• Children chỉ là một kiểu dữ liệu trong React.