Jonas Grøndahl

Posted on Jan 17, 2020

Animations in React 2020 - react-spring

#javascript #react

Lately I've been working with animations in React and react-spring. There are many animations libraries out there but currently react-spring seems to be one of the most popular ones and for a good reason. I really like the hooks api since it plays very well into the remaining of my code that is also using the hooks syntax.

I have tried to create some more intermediate and advanced animations using react-spring (not just a simple fade/slide) and created YouTube videos showing how:

https://www.youtube.com/watch?v=kNH95mlNJd8&t

Let me know if they are useful to you if you're getting started with animations in React or if there are other libraries out there that looks exciting for animations in React here in 2020.

Top comments (1)

Sung M. Kim • Jan 17 '20

Thanks for the video, Jonas.

You can also embed the video in the post using liquid tag.

{% youtube kNH95mlNJd8 %}

You can find more about it in the Video Embed section in the Editor Guide. :)

What Do You Think About Feature-Sliced Design (FSD)?

Yan Levin - Dec 15 '24

Build a Stunning Software Engineer Portfolio with HTML, CSS, and JavaScript

sharathchandark - Dec 19 '24

Buffer Logs and Flush Automatically on Error with Powertools for Lambda

Chris Cook - Dec 18 '24

Dive into Plasma Sphere Interaction!

Ayush Kumar Vishwakarma - Dec 19 '24

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

DEV Community