The Right Way to Animate SVG in React

Adding SVGs to your React application and animating them is a crucial point of making your landing pages stand out and creating smooth-looking websites. In this video, we'll see how to create, export, optimize, import and animate your SVGs from Figma or any other vector software inside your React apps like a senior developer.

🎉Our Newsletter is live! Join thousands of other developers
https://islemmaboud.com/join-newsletter

⭐ Timestamps ⭐
00:00 Intro
00:34 Brief intro into SVG
01:34 Optimizing & Exporting SVG in Figma
06:03 Converting SVG into a React Component
10:05 Animation


-- Special Links

✨ Join Figma for Free and start designing now!
https://psxid.figma.com/69wr7zzb1mxm

👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
https://psxid.figma.com/ucwkx28d18fo-...

💻 React SVG Animation Repo
https://github.com/ipenywis/react-svg...

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
   • Build Login/Register API Server w/ Au...  

🧭 Turn Design into React Code | From prototype to Full website in no time
   • Turn Design into React Code | From pr...  

🧭 Watch Tutorial on Designing the website on Figma
   • I Design a onecolor Website in 1 hour...  

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
   • Create a Modern React Login/Register ...  

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
   • Debug React Apps Like a Pro | Master ...  

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
   • Master React Like Pro w/ Redux, Types...  

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
   • Debug React Apps Like a Pro | Master ...  

🧭 Introduction to GraphQL with Apollo and React
   • Introduction to GraphQL with Apollo a...  


👉 Personal Links:

✨ My Portfolio https://islemmaboud.com
🐦 Follow me on Twitter:   / ipenywis  
💻 GitHub Profile https://github.com/ipenywis

Made with ❤️ by Coderone