react.animate:用于react.js的状态动画插件

时间:2024-05-31 17:33:07
【文件属性】:

文件名称:react.animate:用于react.js的状态动画插件

文件大小:4KB

文件格式:ZIP

更新时间:2024-05-31 17:33:07

JavaScript

React.Animate 一个用于React.js的简单状态动画mixin 哲学 React.Animate是一种基于状态的动画方法,而不是使用$ .animate或类似方法进行直接DOM突变的方法。 尽管可以在渲染后使用ref来获取DOM节点非常好,但是使用react的最大好处是组件属性,状态和渲染的输出之间始终存在直接,可观察和可测试的关系。 直接使dom突变是一种反模式。 我们真正想要动画的不是DOM,而是组件状态。 如果您将动画视为从一个状态值到另一个状态值的过渡,则可以仅在一个时间间隔内插入状态,并且您的组件可以在每一步响应当前组件状态而精确地重新渲染。 最简单的是,React.Animate允许您在设定的时间间隔内在一种状态和另一种状态之间进行转换。 该实现支持与$ .animate相同的语法。 你可以通过 this . animate ( properties


【文件预览】:
react.animate-master
----.gitignore(15B)
----package.json(427B)
----LICENSE(1KB)
----README.md(2KB)
----bower.json(397B)
----react.animate.js(3KB)

网友评论