Você se tivesse que fazer uma animação que só o motion designer do seu trampo consegue começaria por onde? Hoje vamos conhecer uma lib muito massa do Airbnb chamada “Lottie”, ela consegue pegar animações exportadas via after effects e fazer efeitos INCRÍVEIS e super fáceis de controlar e nesse vídeo vamos ver como usá-la com React! 😍

🔸Dica master
■ Se gostar, compartilha esse vídeo e me marca com #DevSoutinho :) vamo conversar por lá também!

🔸Código do Vídeo
■ GitHub : https://github.com/omariosouto/lottie-twitter-like-animation
■ DEMO ONLINE : https://lottie-twitter-like-animation.vercel.app/

🔸Links citados no vídeo
■ Lottie Web JS Puro: https://github.com/airbnb/lottie-web
■ Post do tableless: https://tableless.com.br/fazendo-a-animacao-do-coracao-de-like-do-twitter/
■ Lottie: https://airbnb.design/lottie/
■ MILHARES DE ARQUIVOS DE ANIMAÇÕES PRONTAS: https://lottiefiles.com/
■ Like do twitter: https://lottiefiles.com/2415-twitter-heart
■ Abstração em React: https://www.npmjs.com/package/react-lottie

🔸Quer ver mais conteúdos meus? Segue ai!
■ https://twitter.com/omariosouto
■ https://instagram.com/omariosouto
■ https://t.me/hipstersfrontend

🔸Sabia que eu tenho séries na Alura também?
■ https://www.alura.com.br/webseries/fronteiras-do-frontend
■ https://www.alura.com.br/webseries/git-e-github-para-sobrevivencia

#react #animaçoescomreact #lottie