[Tân] Component - Githubissues

STU-React-Team / intenrship-5-12-5-2-discussion

Repo này để cho các bạn tạo issue hoặc question

0 stars 0 forks source link

[Tân] Component #11

Open nvantan2 opened 4 years ago

nvantan2 commented 4 years ago

[x] Class & Function component
[x] State, Props & Lifecycle
[x] Handling Component Event
[x] Conditional Rendering
[x] Difference between html and react component tag
[x] Hook ( State Hook and Effect Hook )
[x] Controlled & Uncontrolled Components
[ ] Higher-Order Component (HOC)

thangnguyen1111 commented 4 years ago

Khi nào sử dụng class component, khi nào sử dụng function component?

thangnguyen1111 commented 4 years ago

Sử dụng function component cho toàn bộ project được không?

thangnguyen1111 commented 4 years ago

state & effect hook có sử dụng trong class component không?

thangnguyen1111 commented 4 years ago

trường hợp nào sử dụng Controlled và UncControlled?

nvantan2 commented 4 years ago

Khi nào sử dụng class component, khi nào sử dụng function component?

Dùng function component khi component đó chỉ thực hiện việc render không phải thao tác xử lý dữ liệu động.
Dùng class component khi component cần phải handle event, thao tác dữ liệu động.

nvantan2 commented 4 years ago

Sử dụng function component cho toàn bộ project được không?

không sử dụng function component cho toàn bộ project. Bởi vì function component không có các lifecycle để handle event xử lý các dữ liệu động.

nvantan2 commented 4 years ago

trường hợp nào sử dụng Controlled và UncControlled?

UncControlled dùng cho các form đơn giản. Chức năng đơn giản.
Controlled dùng cho form có chức năng phức tạp các dữ liệu có liên hệ mật thiết với nhau hoặc có nhiều logic liên quan đến dữ liệu.

nvantan2 commented 4 years ago

state & effect hook có sử dụng trong class component không?

useState tương ứng với state trong class component.
useffect tương ứng với các lifecycle methods trong class component.

thangnguyen1111 commented 4 years ago

Sử dụng function component cho toàn bộ project được không?

không sử dụng function component cho toàn bộ project. Bởi vì function component không có các lifecycle để handle event xử lý các dữ liệu động.

Xu thế mới đang chuyển đổi class -> function, nên function có thể viết cho cả 1 project

thinhphamstd commented 4 years ago

summary:
Class Component: có lifecycle, không có hook
Function Component: có hook , k lifecycle,
Nên sử dụng function component
chỉ sử dụng class component nếu như cần dùng lifecycle