[Hải] Components

[trannhai1998]

• [x] Cách khai báo của Class Component
• [x] Cách khai báo của Function Component
• [x] Sự khác biệt giữa Class Và Function Component
• [x] Khi nào thì nên sử dụng class, khi nào thì nên sử dụng function
• [x] Tìm hiểu về vòng đời của một component
• [x] Props là gì, cách khởi tạo và sử dụng
• [x] State là gì, cách khởi tạo state và quản lý state
• [x] Sự khác biệt giữa Props và state
• [x] Khi nào dùng props và khi nào dùng state
• [x] bắt sự kiện và xử lý event
• [x] Cách khai báo event
• [x] Render với nhiều trường hợp
• [x] Xử lý logic với If else, switch,....
• [x] Vì sao khi khai báo Component phải viết hoa chữ cái đầu
• [x] Hook là gì và khi nào thì sử dụng
• [x] Cách sử dụng UseEffect,và UseState
• [x] Cách tạo 1 Custom Hook"
• [x] sự khác biệt của 2 loại component này
• [x] khi nào thì sử dụng Uncontrolled Components
• [x] Kĩ thuật này là gì, cách áp dụng giải quyết vấn đề

[thangnguyen1111]

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

[thangnguyen1111]

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

[thangnguyen1111]

Vì sao tạo 1 component phải viết hoa chữ cái đầu tiên?

[thangnguyen1111]

trong function component có lifecircle không?

[trannhai1998]

trong function component có lifecircle không?

Có ạ . mình dùng các hook ( useEffect, ... ).

Vì sao tạo 1 component phải viết hoa chữ cái đầu tiên? dạ theo jsx và phân biệt với html tránh bị nhầm lẫn .

trường hợp nào sử dụng Controlled và UnControlled UnControlled : {

• Nếu form đơn giản chỉ thực hiện những yêu cầu đơn giản như người dùng nhập tên và họ .
• Trong trường hợp mà bạn không muốn sử dụng onChange để lấy giá trị đầu vào của Input .
• nên dùng cho các hệ thống, chức năng đơn giản. Khi đó sẽ phát huy được ưu điểm của nó là cài đặt đơn giản và nhanh. Hơn nữa tương tác người dùng sẽ tốt hơn bởi vì trang web sẽ ko phải render lại mỗi lần thay đổi giá trị của input. } Controlled : { Đối với một 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 thì bạn nên cài đặt với controlled components (quản lí dữ liệu với state hoặc store). Như thế sẽ làm cho dữ liệu của bạn trở nên rõ ràng và dễ quản lí hơn rất nhiều. }

trong class component có sử dụng hook không? { Theo e tìm được trên docs React là không dùng được . Nhưng vẫn có người dùng đc xem qua thì chưa rõ lắm . A giải thích cho e với ạ . }

[thangnguyen1111]

trong function component có lifecircle không?

Có ạ . mình dùng các hook ( useEffect, ... ).

Vì sao tạo 1 component phải viết hoa chữ cái đầu tiên? dạ theo jsx và phân biệt với html tránh bị nhầm lẫn .

trường hợp nào sử dụng Controlled và UnControlled UnControlled : {

• Nếu form đơn giản chỉ thực hiện những yêu cầu đơn giản như người dùng nhập tên và họ .
• Trong trường hợp mà bạn không muốn sử dụng onChange để lấy giá trị đầu vào của Input .
• nên dùng cho các hệ thống, chức năng đơn giản. Khi đó sẽ phát huy được ưu điểm của nó là cài đặt đơn giản và nhanh. Hơn nữa tương tác người dùng sẽ tốt hơn bởi vì trang web sẽ ko phải render lại mỗi lần thay đổi giá trị của input. } Controlled : { Đối với một 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 thì bạn nên cài đặt với controlled components (quản lí dữ liệu với state hoặc store). Như thế sẽ làm cho dữ liệu của bạn trở nên rõ ràng và dễ quản lí hơn rất nhiều. }

trong class component có sử dụng hook không? { Theo e tìm được trên docs React là không dùng được . Nhưng vẫn có người dùng đc xem qua thì chưa rõ lắm . A giải thích cho e với ạ . }

trong class đã sử dụng lifecircle rồi thì không nên dùng hook (cân nhắc) React tạo ra hook để sử dụng thay thế cho lifecircle trong class

[thangnguyen1111]

Trả lời ngắn gọn theo sự hiểu biết của bản thân hoặc viết những keyword để giải thích Trả lời theo từng câu hỏi riêng, không trả lời chung vào 1 comment

[thinhphamstd]

• 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