Quản lý Components

Khi ứng dụng lớn dần, việc tách nhỏ code ra thành các components là bắt buộc.

Tại sao phải tách?

• Tái sử dụng: Button, Card, Input fields dùng ở nhiều nơi.
• Dễ bảo trì: Sửa ở một nơi, cập nhật ở mọi nơi.

Cách làm việc với Lovable

• Prompt: "Hãy tách phần ProductCard ra thành một component riêng trong file ProductCard.tsx. Sau đó import lại vào trang chính."
• Lovable sẽ tự động refactor code cho bạn mà không làm hỏng chức năng.