6 sposobów na animacje w React
Z tego materiału dowiesz się jak możesz dodać animacje do aplikacji front-endowych pisanych z użyciem React i JavaScript. Wymieniłem najbardziej istotne (moim zdaniem) techniki. m.in: zwykły CSS, React Transition Group, GSAP, Lottie, react-springs czy w końcu Framer Motion.
Wydajność animacji CSS:
https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
Tutorial tworzenia animacji w CSS:
https://the-awwwesomes.gitbooks.io/html-css-step-by-step/content/pl/css-animations/index.html
GSAP + React:
https://greensock.com/react/
Piękne portfolio wykonane z użyciem GSAP:
https://bruno-simon.com/
Demo lottie:
https://codesandbox.io/embed/github/austinroy/lottie-demo/tree/master/
React spring:
https://www.react-spring.io/
Framer motion:
https://www.framer.com/api/motion/examples/
Blog: https://fullstak.pl/
Instagram: https://instagram.com/fullstak_pl/
Discord: https://discord.gg/Ft9nb4C
Twitter: https://twitter.com/ArtiChmaro
Chcesz więcej? Sprawdź w oryginale!
Przejdź do filmu