Live data from Hacker News

React Simple Animate – UI Animation Made Simple

react-simple-animate.now.sh

1–10 of 50 posts

Re: React Simple Animate – UI Animation Made Simple

#5
This looks promising, animations in React are a bit of a mess right now.

React-motion requires a PhD to figure out, and I'd rather stick pins in my eyes than use Transition Group.

I have had some moderate success with Popmotion, although I've also seen performance issues when staggering lists (likely down to my implementation rather than the library, but still).

Re: React Simple Animate – UI Animation Made Simple

#6

It's kinda counterintuitive to have an element called . What happens if I render it two times in a row before it's done animating?

You do render it twice. For example, when toggling the `play` property. It looks like the component will adjust smoothly.

Re: React Simple Animate – UI Animation Made Simple

#9
There's something about OSS that fails to do (or i'm not sure if it's OSS job): Teach how things work under the hood.

Normally, it's beneficial 100x times when a OSS project tells how things work in a concise manner.

In that way, it made sense for both users (they actually want to contribute back if they figure out how things work).

One failure example is Next.JS. You never understand how things work under the hood without digging source code.

Re: React Simple Animate – UI Animation Made Simple

#10
post #5

This looks promising, animations in React are a bit of a mess right now. React-motion requires a PhD to figure out, and I'd rather stick pins in my eyes than use Transition Group. I have had some moderate success with Popmotion, although I've also seen performance issues when staggering lists (likely down to my implementation rather than the library, but still).

>I'd rather stick pins in my eyes than use Transition Group

Why not? In combination with styled components it covers pretty much all my animation needs. The only thing missing is stagger for lists and maybe some way to integrate FLIP into it.

Post reply on HN