Matt Perry a Framer-től és én megnézzük a Framer Motion React animációs könyvtárat.
Először megvizsgáljuk, milyen egyszerű az API. Mindent nagyon deklaratív módon irányítasz a JSX elemeinek kellékein keresztül. Az animáció vezérlése ezen a rétegen nagyon intuitív, és értelmes módon kapcsolódik a felhasználói felülethez és az állapothoz.
Minden egyes példa, amelyet megnézünk, valószerűbb, és több olyan funkciót tartalmaz, amelyre a Framer Motion képes. A React fejlesztők imádni fogják az egész szintaxisát, és mindenki más imádni fogja a hihetetlenül teljesítő és zökkenőmentes eredményeket.
Végül magára a Framerre tekintünk, amely ezt a pontos könyvtárat belsőleg használja a Framer által végzett összes animáció elvégzésére. Framer érdekli? Töltse le a Framer X-et.
1. bemutató: Alapszintaktika
2. bemutató: Változatok
3. bemutató: AnimatePresence és layoutTransition
Bónusz: nézze meg a kép felugró ablakában a „görgetés az elvetéshez” funkciót.