Matt Perry Framerist ja mina vaatame React'i animatsioonikogu Framer Motion.
Kõigepealt vaatame, kui lihtne on API. JSX elementide rekvisiitide kaudu kontrollite kõike väga deklaratiivselt. Animeerimise juhtimine sellel kihil on väga intuitiivne ja on kasutajaliidese ja olekuga tähendusrikkalt ühendatud.
Iga näide, mida vaatame, on reaalsem ja sisaldab rohkem funktsioone, milleks Framer Motion on võimeline. React arendajatele meeldib selle kõige süntaks ja kõigile teistele meeldivad uskumatult tulemuslikud ja sujuvad tulemused.
Lõpuks vaatame Framerit ennast, mis kasutab seda täpset teeki sisemiselt, et teha kõiki animatsioone, mida Framer teeb. Kas teid huvitab Framer? Laadige alla Framer X.
Demo 1: põhiline süntaks
Demo 2: Variandid
Demo 3: AnimatePresence ja layoutTransition
Boonus: vaadake pildi hüpikaknas funktsiooni „kerige loobumiseks”.