Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

React Simple Animate – UI Animation Made Simple

react-simple-animate.now.sh

Post reply on HN
Print view View original

41–50 of 50 posts

Re: React Simple Animate – UI Animation Made Simple

#41

Post by OmarIsmail »

felipellrocha wrote: post #40
OmarIsmail wrote: post #21

Looks like React animation libraries are popular right now. Here's the one that I've been working on recently: https://github.com/ismailman/react-spho My philosophy is different though that I want to make it absolutely dead simple to make UIs animate organically vs being a feature-filled animation library. I think React-SPHO is actually the easiest to use animation library for React available as most things you want…

> My philosophy is different though that I want to make it absolutely dead simple to make UIs animate organically vs being a feature-filled animation library. Is OP's library not trying to be dead simple?

I think they sacrificed some simplicity for flexibility. e.g. having two different APIs (Component one and Hooks one) vs just one. That decision alone will have a very large cost initially and over time in working with the library.

I think hooks are cool, but this proliferation of two APIs when using/authoring libraries is concerning to me.

Re: React Simple Animate – UI Animation Made Simple

#42

Post by leshow »

slig wrote: post #34
leshow wrote: post #32

Earlier quoted context omitted.

Your library claims to be 'dual license' but your license file is empty. Just my personal opinion, but it's unlikely anyone will pay for this given the amount of free alternatives, and it's unlikely anyone will use it in OSS projects because there is a paid tier.

One reason why I might choose this paid library instead of a free alternative: it's made with TypeScript, and that means no fiddling with outdated type definitions (fixing and submitting updated types to DefinitelyTyped, talking the owner of the library to adopt types, etc) and no using a library without typings. That alone is worth at least a hour of my time.

The fact is the OSS alternatives do have high quality type defs so there's no trade off to be had here.

Like I said before, it's just my opinion, but I'd take a library with thousands of stars and a group of people maintaining it over something unknown and paid any day. If you think it's a good idea to pay for this, more power to you.

Re: React Simple Animate – UI Animation Made Simple

#46

Post by bluebill1049 »

janpot wrote: post #39

I tend to avoid software that has "quick", "simple" or "easy" in their name. More often than not they are neither of those things :D. All jokes aside, congrats on getting this out!

thanks, buddy, take a look it's actually not that bad, cause the library itself its only 2kb. it can't get too complicated :)

Re: React Simple Animate – UI Animation Made Simple

#47

Post by bluebill1049 »

revskill wrote: post #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 w…

I am more than happy to share how to build it. I will write a blog on it soon.

Re: React Simple Animate – UI Animation Made Simple

#48

Post by bluebill1049 »

tomhoad wrote: 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).

Thanks for your kind words! I built this because I want to solve simple animation in a simple way. In fact, there is no way I can compete with those big animation libraries out there, they offer tons of feature. React Simple Animat is more like a little tool to help on a simple animation task and require as less learning as possible.

Re: React Simple Animate – UI Animation Made Simple

#49

Post by bluebill1049 »

slig wrote: post #25
OmarIsmail wrote: post #21

Looks like React animation libraries are popular right now. Here's the one that I've been working on recently: https://github.com/ismailman/react-spho My philosophy is different though that I want to make it absolutely dead simple to make UIs animate organically vs being a feature-filled animation library. I think React-SPHO is actually the easiest to use animation library for React available as most things you want…

Will have a closer look later today. It's always a pleasure to find useful libs written in TS, thank you!

Thank you too :) feedback welcome

Re: React Simple Animate – UI Animation Made Simple

#50

Post by tomhoad »

iaml wrote: post #22
tomhoad wrote: post #15

Earlier quoted context omitted.

Pretty much because of staggering

I mean, stagger is trivial to implement with styled components, I only mentioned it because it's not out-of-box. Also what solution are you using that has stagger? I don't see it in pose docs, are you using popmotion-pure?

https://popmotion.io/pose/learn/animating-children/#animatin...
Post reply on HN