Matt Perry dari Framer dan saya melihat perpustakaan animasi React Framer Motion.
Pertama, kita melihat betapa sederhana API itu. Anda mengawal segala-galanya dengan sangat deklaratif melalui alat sokongan pada elemen dalam JSX anda. Mengawal animasi pada lapisan ini sangat intuitif dan berhubung dengan UI dan menyatakan dengan cara yang bermakna.
Setiap contoh yang kita lihat adalah lebih nyata dan melibatkan lebih banyak ciri dari apa yang mampu dimiliki oleh Framer Motion. Pembangun react akan menyukai sintaks semuanya, dan semua orang akan menyukai hasil yang sangat baik dan lancar.
Kami akhirnya melihat Framer sendiri, yang menggunakan perpustakaan tepat ini secara dalaman untuk melakukan semua perkara animasi yang dilakukan Framer. Tertarik oleh Framer? Muat turun Framer X.
Demo 1: Sintaksis Asas
Demo 2: Varian
Demo 3: AnimatePresence dan layoutTransition
Bonus: lihat fungsi "tatal untuk menolak" pada pop timbul gambar.