motion

Chính là Framer Motion, nay tách ra tên mới và có cả bản không phụ thuộc React. Thư viện hoạt ảnh khai báo: mô tả trạng thái đầu và cuối, phần còn lại nó lo, kể cả khi component bị gỡ khỏi cây.

Dùng vào việc gì

• Hiệu ứng vào/ra cho hộp thoại, danh sách, chuyển trang
• Kéo thả, cuộn tới đâu hiện tới đó
• Bố cục tự chuyển động khi phần tử đổi vị trí — thứ rất khó làm mượt bằng CSS thuần

Lưu ý

Nhớ cái bẫy đã gặp: phần tử nằm trong khối bị ẩn có thể kẹt ở trạng thái trong suốt, chụp ảnh ra trang trắng. Ưu tiên hoạt ảnh chỉ chạm vào transform và opacity để giữ 60 khung hình.