formkit / auto-animate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

Home Page:https://auto-animate.formkit.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pointing out the importance of correct key in the documentation

patrikzudel opened this issue · comments

Hello!

I think it would be useful to point out the importance of using a unique key so the animation system knows how to identify elements correctly. I struggled for a while because I used the index on an array element as a key (as React recommends that in an error). That lead to weird behaviors in the animations (as it should) which confused me at first. I think it would help fellow noobs like me to have good results straight away!

Thanks for your work, its great!

It's already mentioned in the Vue section but maybe it could be made more prominent.

image

Fair point, I'd happily accept a PR for this improvement.