React Animatable Versions Save

Update description.

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.1...0.13.2

• Updated readme.
• Make bundle size bit smaller.

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.0...0.13.1

• Fixed useAnimation and useAnimationFunction to be able to pass some argument when play.

const animate = useAnimation<{ x: number; y: number }>(
  (prev, args) => [
    { transform: prev.transform },
    { transform: `translate(${args.x}px, ${args.y}px)` },
  ],
  {
    duration: 400,
    easing: "ease-in-out",
  }
);

useEffect(() => {
  animate.play({ args: { x: 100, y: 200 } });
}, [])

• BREAKING: removed useAnimationController hook and persist method in favor of prev and args functionality of useAnimation.
• BREAKING: renamed AnimationGroup to TransitionGroup

What's Changed

• Remove persist method in favor of keyframe function by @inokawa in https://github.com/inokawa/react-animatable/pull/22
• Support dynamic keyframe by @inokawa in https://github.com/inokawa/react-animatable/pull/23
• Remove useAnimationController by @inokawa in https://github.com/inokawa/react-animatable/pull/24
• Add argument to useAnimationFunction by @inokawa in https://github.com/inokawa/react-animatable/pull/25
• Rename AnimationGroup to TransitionGroup by @inokawa in https://github.com/inokawa/react-animatable/pull/26

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.12.1...0.13.0

Support Next.js and SSR.

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.12.0...0.12.1

What's Changed

BREAKING: ref field was remove from AnimationHandle and AnimationController type. Just pass them directly to target element!

const animate = useAnimation(...);
return <div ref={animate}>...</div>

• Remove ref field and make animation handle callable by @inokawa in https://github.com/inokawa/react-animatable/pull/17
• Improve type of animation handle by @inokawa in https://github.com/inokawa/react-animatable/pull/18

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.11.1...0.12.0

Improve build setting

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.11.0...0.11.1

• BREAKING: Remove .js extension from path of react/jsx-runtime. If you use webpack 5, use react >= 18 to avoid Can't resolve react/jsx-runtime error.

• Fix useAnimation to accept function as keyframe

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.2...0.10.3

• Persist style in useTransitionAnimation

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.1...0.10.2

• Ignore uncaught promise error in useTransitionAnimation hook

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.0...0.10.1